Lifestyle

【活動記録】Gatsbyに挑戦した7月

Published: 2020/07/31 | Updated :2020/08/02
活動記録

1ヶ月の実働をまとめる活動記録。 7月はブログをリニューアルし、新しい興味も芽生える1 ヶ月でした。

7月のできごとピックアップ

WordPressからGatsbyにブログをリニューアル

WordPressはhtml/cssの知識がなくても、きれいなレイアウトで、ホームページを作れる便利なブログシステムです。

長く使っているうちに、管理画面にログインして、記事をエディターに入力して、レイアウトを整えて投稿するのが負担に感じるようになりました。

メモみたいに気軽にブログにアウトプットしたいのです。

そこで、Gatsby+GitHub+Netlifyという構成でブログをリニューアルしました。

現時点でのGatsbyブログ

調べながらだったので、「動かない💦」のオンパレードでしたが。

おかげで、なんとか形になり、今のブログになっております。

Webページのコーディング練習

Kindle Unlimitedで見つけた本がとってもよかった。

この本では、デザインカンプと画像が提供された状態で、デザイン通りのホームページを作るための手順が解説されています。

  • どんなマークアップにするか
  • デザインを再現するために、CSSをどう設定するか
  • スマホとPCのブレークポイントを何pxに設定するか

コーディングの例だけでなく、なぜそのコードにしたか考え方を辿ることができるので、勉強になりました。

特に、Flexboxでグリッドからずらして画像やテキストを重ねる方法は、初めて知りました。

本を読みながら、コード写経し、ハンバーガーメニューやFlexboxなど、よく使うコーディングのパーツをスニペットに整備していきました。

8月の目標

お仕事メニューを公開したい

これまでは知り合いの方から、あるいはご紹介という形でお仕事をしてきました。

このご時世もあり、対面でお話しする機会が減ってしまい、オンラインでも活動の幅を広げていく必要があると思いました。

来月は、私にできることや人となりを知ってもらえるように、ブログやSNSに発信を強化していきたいです。

  • ホームページ制作やブログカスタマイズのサービスをご案内する
  • 制作過程や実績、自分の活動内容を発信していく

今後は、ホームページやブログで自分のコンテンツを発信をしていきたい、サービスを提供したいという方も増えるでしょう。

そういった方々のために、オンライン発信をはじめられるように、WordPressのスタートガイドやホームページ運営のガイドを作成していきです。(まだアイデアレベルですが)