Next.jsでビルドをする前に特定の処理を実行したい・・。 例えばJSONを生成したり、ファイルのコピーを行ったり。 公式で用意されているだろう、と思っていたのですが調べてみるとどうやら```next build```する前に...

Netlifyは無料で静的サイトをホスティングできてフォームも利用できるためよくお世話になっています。 新規のサイトもNetlifyで作っていたところFormをAjaxでリクエストするとなぜか404を返してしまう現象がありました。 ...

Vueを使っているアプリケーションでappendChildを使って動的にコンポーネントを入れたくなったことありませんか？ mountedのタイミングで外部のスクリプトを使用してUIを構築する機会がありました。 そこでVueのコンポ...

MacBook Proで外部ディスプレイやキーボードを使いたいということありますよね？ だけどUSB TypeCしかついていないからそのままだと少し不便です。 ディスプレイやキーボードがTypeCに対応していればそのまま使うことが...

Gatsby.jsでlocalStorageを使っているとビルド時にエラーが出る場合があります。 開発時にはエラーにならないので気づいにくいですがgatsby buildのコマンドを実行するとエラーになります。 どうすればエラーを...

エンジニアとしてコードを書くのに欠かせないのはキーボードを始めとした設備です。 長時間触るものだから自分にとって心地のよいものを使いたいですよね。 フリーのエンジニアとして毎日自宅でコードを書いているので使っているものを紹介します...

このブログはReact製のジェネレーターツールGatsbyで作っています。 Webpackによってコンパイルされていますが、aliasの設定がデフォルトではされていないためimportのパスを書くのがつらい状態でした。 ずっと放置...

react-create-appでアプリケーションを作るとwebpackのaliasの指定できないのか？と思いつつimportのパスを書いてました。 使う頻度が増えるに連れていい加減なんとかできないかと思って調べてみるとnpmパッケ...

Visual Studio Code（以下VSCode）でTypeScript書くと補完もいい感じなので快適！ なのですがひとつだけ鬱陶しくて仕方ないのがconsoleの自動補完。 コード内でimportしていないメソッドやクラス...

外部リンクにアイコンがついているとどんなリンクか分かるしおしゃれ！ ということでFontawesomeを使ってWebサービスのリンクにアイコンを付ける方法を紹介します。 ## リンクにFontawesomeのアイコンをつける aタ...

このブログはGatsbyを使ってNetlifyで公開しています。 コードはGithubに置いてContentfulで記事を管理する今流行？のスタイルにしました。 ## Netlifyでコードの変更と記事の更新をトリガーに自動公開 ...

JavaScriptで文字数を計算するときはどうしていますか？ よくあるのは文字列のlengthを取得するパターンです。 ですがそれだと半角でも全角でも1文字として計算されてしまいます。 半角は0.5文字、全角は1文字と計算する場...