このサイトはReactとGatsbyを使って作成しています。 GatsbyStarterでよさそうなものを選んで初めたのですが、サイトの更新がすぐに反映されないことに困っていました。 ズバリ、ServiceWorkerが動いているため、ブラウザのキャッシュを使ってサイトを表示し…
Reactでアプリケーションを作る場合「create-react-app」を利用することで、簡単に環境を用意することができるのでオススメです。 今回は「create-react-app」に関する説明と使い方、さらにこれから使ってみようと考えている「Next.js」についての情報…
オライリーのReact入門書です。 Gtasbyで作成しているこのサイトももちろんですが、私はいくつかReactを使った構築をしています。 いつもディレクトリ構造やクラスの内部設計について、スタンダードな作り方がわからなくて困っていましたので手にとって見た本です。 ビギナーズガ…
Webアプリの構築を進めていきます。 FirebaseでWebアプリを作る 要件を考える 仕様を考える 仕様書については別で管理したいので記事には書きませんでした。 プロトを作る 実装する テスト 使ってみる 公開する 効果や状況を確認 カイゼンする まずはプロト作成…
React Nativeの入門書を試しました。 WEB上のIDEを利用して実際に動くアプリの作成を行うことができます。ローカルに環境を用意することなく一通り学ぶことができます。 React Nativeを用いることで、AndroidとiOS両方で動作するアプリを構築できます。 …
Google AdSenseの広告を設置してみましたが、うまく表示されていません。 Gatsbyを用いてSPAでで配信しているためだと思います。 どうやら、「react-adsense」というプラグインを利用することで解決できるようなので、それを使ってみました。 結果、広告は正…
以前記事にしましたが、Google AdSenseの審査に合格しました。 現在は自動広告の設定にしているため、Googleが自動で学習して広告を設置してくれています。 ただ、以下のような問題が発生しています。 ブログ内の要素が中央寄せになる ページ移動して戻ってくると広告が消え…
タグページの作成 にて、タグごとの記事一覧を作成しました。 記事内に表示されているタグの部分を、このページへのリンクに修正します。 SEO的にも関連ページへの内部リンクはあったほうが良いでしょう。 記事ページのテンプレート修正 タグに設定されている単語はGraphQLにて配列…
SEO対応と記事閲覧の観点から、タグごとの記事一覧ページを作成します。 記事ごとにつけられているタグを使って、タグを使った記事絞り込みを行えるようにしました。 Gatsbyのドキュメント にざっくり実装方法書いてあります。参考にしながら実装していきます。 mdファイル側にタグを…
11月の目標としてスマホアプリを作ることを目標にしています。 今までにWEBサイトやWEBアプリは作ったことがあります。 しかし、スマホアプリは作ったことがないので勉強のつもりで作成したいと思います。 作る過程で学んだことや、引っかかたことなどこのブログに残していきます。 同じ…
