Category: Development

デザイナー不在のプロダクト開発チームがデザインのためにできること [LT資料]
北海道の学生ITコミュニティ「未完Project」と、新潟県を拠点にエンジニアやクリエイターが集うコミュニティ「デルタ新潟」のコラボ企画「北海道未完×デルタ新潟合同LT会」で話してきました。[https://prtimes.jp/main/ …
2022-02-12
Next.jsで静的なページを含めて動的にサイトマップを生成する
サイトマップをビルド時に生成するとか動的に生成するみたいな例は多いのですが、静的なページがたくさんある場合だとページを1つづつ列挙するのも面倒だなとなりました。ブログだったらISRじゃなくて、SSGに寄せても良いような気がするのでその場合は …
2021-08-20
ブログをWordPress on GCE + Next.jsに移行してみての所感(主に費用について)
2ヶ月程前に本ブログをNetlifyにホスティングしたGatsbyから、GCE(Google Compute Engine)にホスティングしたWordPressをVercel上のNext.jsからWP REST APIを叩いて使う構成に移行 …
2021-06-27
WordPress on Google Compute EngineのREST APIからNext.jsでブログを構築する
WordPressくんは僕がWebの仕事を始めたての頃それはもう大変お世話になった（苦汁も大量になめさせていただいた）CMSみたいなフレームワークみたいなソフトウェアで、当時はWebサイト制作といったら大抵はWordPressを使用していた …
2021-04-27
Cloud Functions for Firebaseを使ってLINE botを作る(with Cloud Firestore)
## チャネルを作る調べるまでLINE bot がどのように動いているのか全く分からなかったのですが、ボット用のチャネルを作ってそこにメッセージが投稿されたりすると、イベントが発生してWebhookペイロードがPOSTされるような流れのよう …
2020-11-27
Figma Webhooksを使ってVersion HistoryをSlackに通知する
Figma Webhooksに関する情報の初出はおそらく以下のFigma Web APIが公開された記事が最初で、Webhookもそのうち提供するよ、と記されているのですが随分長い間公開されなかった気がします。[https://www.fi …
2020-09-06
Netlify CMS + GatsbyJSで開発環境と本番環境を切り替える
Netlify CMSで作成したマークダウンファイルを開発環境と本番環境で保存先を切り替えたかったのですが、思ったよりも上手くいかなかったので備忘録として記します。上手くいかなかったのは主にNetlify CMSが原因で、ひとつのGitHu …
2020-02-17
パララックス-2 | ピュアなJavaScriptでインタラクティブなアニメーションを自前で実装したい Vol.2
前回の続きです。珍しく更新が早い。[ピュアなJavaScriptでインタラクティブなアニメーションを自前で実装したい - Part1. パララックス](https://sixaxd.com/blog/201912164853/)前回は動かし …
2019-12-22
パララックス-1 | ピュアなJavaScriptでインタラクティブなアニメーションを自前で実装したい Vol.1
ここ半年くらいずっと会社で携わっているプロジェクトでインタラクティブなアニメーションを実装する機会がちょくちょくあったので、忘れないように何回かに分けて記事にしていこうと思いました。いつものことですが更新頻度はめっちゃ遅いと思われます。第一 …
2019-12-16
Nuxt.jsでのHello Worldと構造のチェック
ここの通りに進める。[nuxtjs.org](https://ja.nuxtjs.org/examples/)と思ったが動画とソースコードが置いてあるだけのかなり簡素な作りなので、少し遠回りして、理解を深めながらHello Worldしよう …
2019-07-21
Nuxt.jsの開発環境を整える
* * *とりあえずこのページの通りに進める。```bashyarn create nuxt-app ```色々質問されるが、ずっとEnter押し続けるだけでもOKだと思う。僕の場合は、Choose Nuxt.j …
2019-07-21
Vanilla JSのscroll Event最適化
この記事がとても参考になる。この記事の内容を自分の理解のために少し噛み砕く。[猫でもわかるスクロールイベントパフォーマンス改善ポイント2018 - Qiita](https://qiita.com/kikuchi_hiroyuki/item …
2019-07-20
対話形式のUIをマークアップするのに相応しいHTMLタグは何か
Nao : よーし最強のUIを作ってやるぞー‼︎ Komura : うん頑張ろう！っていう感じのやつについて。まず最初に思いついたのは`, , `。しかし、dtで定義された名前についてddで説明するわけではないし違う …
2019-07-15
GatsbyとNetlify CMSで既存サイトにブログを構築するまでのメモ
Gatsbyのチュートリアルを終え、NetlifyでGatsbyのチュートリアルサイトをDeployするところまで体験した後の流れをメモっておく。本当は、> gatsby new site-nameで作ったサイトにNetlify CMSをサ …
2019-07-15