- デザイナー不在のプロダクト開発チームがデザインのためにできること [LT資料]
北海道の学生ITコミュニティ「未完Project」と、新潟県を拠点にエンジニアやクリエイターが集うコミュニティ「デルタ新潟」のコラボ企画「北海道未完×デルタ新潟合同LT会」で話してきました。[https://prtimes.jp/main/ …
- Next.jsで静的なページを含めて動的にサイトマップを生成する
サイトマップをビルド時に生成するとか動的に生成するみたいな例は多いのですが、静的なページがたくさんある場合だとページを1つづつ列挙するのも面倒だなとなりました。ブログだったらISRじゃなくて、SSGに寄せても良いような気がするのでその場合は …
- 会社設立前後に必要な手続きを(ほぼ)全部電子申請するためのガイド
先日会社を設立したのですが、何となくできる限り電子申請でやってみたいなという気持ちになったのでやりました。これはその記録というか、全てを電子申請する中で困ったことも少なからずあったので、今後同じような手続きをする人がなるべく楽に完遂できれば …
- ブログをWordPress on GCE + Next.jsに移行してみての所感(主に費用について)
2ヶ月程前に本ブログをNetlifyにホスティングしたGatsbyから、GCE(Google Compute Engine)にホスティングしたWordPressをVercel上のNext.jsからWP REST APIを叩いて使う構成に移行 …
- WordPress on Google Compute EngineのREST APIからNext.jsでブログを構築する
WordPressくんは僕がWebの仕事を始めたての頃それはもう大変お世話になった(苦汁も大量になめさせていただいた)CMSみたいなフレームワークみたいなソフトウェアで、当時はWebサイト制作といったら大抵はWordPressを使用していた …
- 去年よく聴いた音楽(2020)
去年こんな記事を書いてからもう1年経ったようです。[](https://sixaxd.com/posts/73/)2020年は何を聴いていたかなと振り返っていると、この曲2020年のリリースだったのかと驚く場面も少なくなく、時の流れが早く… …
- Cloud Functions for Firebaseを使ってLINE botを作る(with Cloud Firestore)
## チャネルを作る調べるまでLINE bot がどのように動いているのか全く分からなかったのですが、ボット用のチャネルを作ってそこにメッセージが投稿されたりすると、イベントが発生してWebhookペイロードがPOSTされるような流れのよう …
- Figma Webhooksを使ってVersion HistoryをSlackに通知する
Figma Webhooksに関する情報の初出はおそらく以下のFigma Web APIが公開された記事が最初で、Webhookもそのうち提供するよ、と記されているのですが随分長い間公開されなかった気がします。[https://www.fi …
- 不審なサイトを作るデザインのバッドプラクティス
メモがてら雑にうわーっと書いたので、受け取り方によっては言葉遣いがちょっとキツいかもしれないです。大丈夫です、間違いは直せば良いしこれはデザイナーだけの問題ではない。## \[殿堂入り\] カウントダウンタイマーなんのカウントダウンで、なぜ …
- M3-2020春 購入した音源と簡単なレビュー
巷ではコロナウイルスが原因で様々なイベントが中止になっておりましたが、対策を講じた上で予定通り開催されたM3-2020春。僕は実際に会場まで足を運びましたが、特に混乱した様子もなく普段通りスムーズに開催されていたような気がします。人も少なく …
- Netlify CMS + GatsbyJSで開発環境と本番環境を切り替える
Netlify CMSで作成したマークダウンファイルを開発環境と本番環境で保存先を切り替えたかったのですが、思ったよりも上手くいかなかったので備忘録として記します。上手くいかなかったのは主にNetlify CMSが原因で、ひとつのGitHu …
- 去年よく聴いた音楽(2019)
世間的に売れていたとかそういうのは全く関係なく、自分が好きでよく聴いていた2019年発売のアルバムからなので重めな曲が多いです。今年は昔の音源をdigっていることが多く、今年発売のもので聴けていない曲も多そうな気がします。この記事のチョイス …
- パララックス-2 | ピュアなJavaScriptでインタラクティブなアニメーションを自前で実装したい Vol.2
前回の続きです。珍しく更新が早い。[ピュアなJavaScriptでインタラクティブなアニメーションを自前で実装したい - Part1. パララックス](https://sixaxd.com/blog/201912164853/)前回は動かし …
- パララックス-1 | ピュアなJavaScriptでインタラクティブなアニメーションを自前で実装したい Vol.1
ここ半年くらいずっと会社で携わっているプロジェクトでインタラクティブなアニメーションを実装する機会がちょくちょくあったので、忘れないように何回かに分けて記事にしていこうと思いました。いつものことですが更新頻度はめっちゃ遅いと思われます。第一 …
- ミニゲームアプリUIを制作するにあたってのメモ
Cocoda!のスペシャルお題「友人や家族と遊べるミニゲームアプリをデザインしよう!」をやるためのメモだったのですが、なぜか提出期限を10月中だと勘違いしていて実際の提出日にはこのメモしか出来ていませんでした……残念。何かの参考になればと思 …
- マーケティングとは何か
マーケティングについて全くと言って良いほど知識が無いので、色々と調べていこう、というシリーズ。サービスのグロースには必ずと言って良いほどマーケティング的な観点が必要になるはずなのだが、制作に集中しているとどうもそういう視点が失われていく。集 …
- Nuxt.jsでのHello Worldと構造のチェック
ここの通りに進める。[nuxtjs.org](https://ja.nuxtjs.org/examples/)と思ったが動画とソースコードが置いてあるだけのかなり簡素な作りなので、少し遠回りして、理解を深めながらHello Worldしよう …
- Nuxt.jsの開発環境を整える
* * *とりあえずこのページの通りに進める。```bashyarn create nuxt-app ```色々質問されるが、ずっとEnter押し続けるだけでもOKだと思う。僕の場合は、Choose Nuxt.j …
- Vanilla JSのscroll Event最適化
この記事がとても参考になる。この記事の内容を自分の理解のために少し噛み砕く。[猫でもわかるスクロールイベントパフォーマンス改善ポイント2018 - Qiita](https://qiita.com/kikuchi_hiroyuki/item …
- 対話形式のUIをマークアップするのに相応しいHTMLタグは何か
Nao : よーし最強のUIを作ってやるぞー‼︎ Komura : うん頑張ろう!っていう感じのやつについて。まず最初に思いついたのは`, , `。しかし、dtで定義された名前についてddで説明するわけではないし違う …
- GatsbyとNetlify CMSで既存サイトにブログを構築するまでのメモ
Gatsbyのチュートリアルを終え、NetlifyでGatsbyのチュートリアルサイトをDeployするところまで体験した後の流れをメモっておく。本当は、> gatsby new site-nameで作ったサイトにNetlify CMSをサ …