ウェブフロント
- angular
- corewebvitals
- editorconfig
- gatsby
- hls
- html
- javascript
querySelectorAllで取得した要素は配列ではないらしい
JavaScript 配列内のオブジェクトの更新ってどうする?
デバッグ関数とかnullチェック関数をutil/index.tsにおいとけば楽なことに今頃気づいた。
ブラウザからジャイロセンサーを使ってみる
JS 画像のアップロード、プレビュー機能を実装
「数値から各桁の値を取り出す処理」って言われたら数学的な処理が一番に思い浮かぶけど、JSならそんなことなかった。
Callback時代の関数をPromise化する
個人的実装されてほしいECMA Script Proposal
JavaScriptのprototypeを使う
音声をなみなみさせる
AudioWorkletとAudioWorkletProcessorを使って音声のビジュアライゼーション
- next
- nuxt
- playwright
- prettier
- react
- reactnative
- tensorflowjs
- tools
- typescript
- wasm
- websocket
- ポエム
- 開発環境
サーバー
その他
Dockerを使ってGatsbyjsの環境作成
モダンな開発環境とは
WEB+DB PRESS Vol.
118にてリモートでのアプリケーション開発についての記事がありました。モダンな開発環境を整えることでリモートでも開発体験を上げることができます。
今回はDockerを用いてアプリケーションの開発環境を構築してモダンな開発環境の整備に取り組みたいと思います。
Dockerを用いる利点
Dockerを用いることで
- バージョンの統一
- 手順書での手作業が不要
などの利点があります。
今回作成したコンテナには
- node:14.17.5
- git
- gatsby-cli
が含まれています。
リポジトリの使い方
前提環境: Dockerインストール済みのPC
READMEに沿って作業します。
- クローンする
git clone git@github.com:FukeKazki/gatsby-docker.git
- セットアップスクリプトを実行する
./bin/bootstrap.sh
- コンテナ内に入る
docker exec -it gatsby bash
- devサーバーを立ち上げる
npm run develop
Thanks you for reading.