記事一覧
Gatsbyを使ったブログ構築メモ その4
作成日: 2019年06月14日 - 1 min read前回(ステップ3) の続きになります。 ステップ4. Github & Netlifyを使ってブログを公開し、ネームサーバを移管 ここまででローカル環境に公開したいブログの情報があらかた揃っているはずなので、今回はGithub & Netlifyを使ったブログ公開&最終移行の流れを紹介します。 Github…
Gatsbyを使ったブログ構築メモ その3
作成日: 2019年06月14日 - 3 min read前回(ステップ2) の続きになります。 ステップ3. テンプレートをベースにブログの機能を拡張(細かい動きやスタイルなど) 今回のブログ移行にあたってテンプレートに以下の修正を加えました。 ブログのメタ情報を修正(ブログタイトル, Authorなど) h…
Gatsbyを使ったブログ構築メモ その2
作成日: 2019年06月14日 - 1 min read前回(ステップ1) の続きになります。 ステップ2. Gatsbyをインストールし、テンプレートを使ってブログプロジェクトを作成 Gatsbyのセットアップ 公式サイト もあるのであらためてインストールコマンドを書くではなく要点をまとめます。 Gatsbyを動かすにはNodeJS(バージョンは…
Gatsbyを使ったブログ構築メモ その1
作成日: 2019年06月14日 - 1 min readすでに流行に乗り遅れてる感がありましたが、 という静的サイトジェネレータを使ってReactベースにブログが作成できると聞き、試してみつつ既存のWordpressをGatsbyに完全移行しました。 移行までの道のりを紹介したいと思います。 移行にあたっての目標 既存のWordpressブログをGatsby…
Travis CIでAWS S3に「acl: public」指定でデプロイするときに「Oops, It looks like you tried to write to a bucket that isn't yours or doesn't exist yet. 」エラーでハマった件
作成日: 2019年05月13日 - 1 min readどうも greendiver234 です。 オープンソースやると色々なサービスがフリーで使えてめっちゃええなぁ。と思いながらTravisCIを使ったところ盛大にハマったのであらためて学習した内容と合わせてメモしておきます。 ハマったこと 表題の通りです。 TravisCIのdeploy lifecycleでs…
フォームの入力情報を自動保存&復元するJSライブラリをつくってみた
作成日: 2019年05月11日 - 1 min readGW(10連休)に何かしてみよう的なノリで作ってみました。 つくったもの フォームに情報入力中に操作を中断した際、画面をリロードしても直前の内容を復元できるライブラリ GitHubプロジェクト https://github.com/nishimura-yuki/form-input-recover…
emotionでReact, Vanillaの両方で同じCSSを利用してみた
作成日: 2018年12月29日 - 1 min read最近はWebサービスにおけるCSSの良い管理、運用方法について悶々と考えており、なんやかんやで というのを見つけたので簡単に触ってみた。 やりたかったこと 1つのCSSをReactと他のJSフレームワーク両方で利用 CSSはグローバルスコープを気にせず利用できること イメージとしてはメンテナンスすべきCSSは…
IE11で「draggable = true」内のinput, textareaがうまく動かないので対策した
作成日: 2018年12月22日 - 1 min readタイトルの通り、IE11でドラッグ&ドロップできる要素内にinput, textareaタグを入れた場合、インプット領域をクリックしてもカーソルが合わない(ダブルクリックとかしまくるとかろうじて合う)問題に直面したのでいろいろ調べて対策した。 手元にあるのがIE11だけだったのでEdgeやIE1…