自分の周辺情報をまとめる静的サイトをつくった

created at:
この記事は公開から1年以上が経過しています。内容が一部古い箇所があります。

令和元年台風第19号すごかったですね

  • みなさん大丈夫でしたでしょうか
  • yamanokuの家のアンテナが魚の骨なので怖かった
    • 大丈夫でした

エンジニアの端くれとしてなにか作りたい

  • まずは「知る」ことに特化しよう
  • あとは自分がメインで使えるようにしたい

やれること

  • 経験のある技術
    • コッテコテのフロントエンド太郎
      • バックエンド側でなんとかやってくれてるのに付随する
  • よっしゃフロントエンド太郎だし静的サイトでもつくるか！！

https://nagareyama.yamanoku.net/

  • Image
    • 流山市避難所
    • 小児科
    • ご飯どころ
  • 現状周辺のことを載せてるだけですね
    • 全然足りんし

利用技術

  • GatsbyJS
    • そういやReact.js最近触っとらんし素振りするか
      • helmetこうなってんのねと改めて理解した
    • サクッとSSRできる
      • ほんとにできた
    • GraphQL試してみる
      • はーなるほどねーとなった
      • 社内で使い方ちょっと不思議だからと言われる
    • PWAとかやりたい
      • キャッシュで爆速！！！！！！！
      • プラグインで簡単にいけた
    • Netlify
      • みなさんご存知のやつです
        • GitHubリポジトリ登録してdeploy設定してドーン
        • HTTPS対応も簡単
      • 便利
  • AWS Route53
    • ドメインはすでにここで取ってる
    • 便利

GatsbyJSに関する不満点

  • React.Fragmentができない
    • 内包しているReactがv16じゃない
    • ちゃんとHTML書きてえなぁ
  • スタイルが余計なものを考慮しないといけない
    • height: 100%をしたかったのですが
    • ___gatsbyが果てしなく邪魔
      • html.jsなるものを弄らないと困るやつ
  • TypeScript対応
  • 脱React.jsできるか
    • ガッツリReact.js依存
    • 素振りの感覚だったし別にそこまで心中する気はない

最近11tyというのがいいというのを聞く

{% set css %}
  {% include "node_modules/yama-normalize/yama-normalize.css" %}
{% endset %}

ネクストステップ

アーカイブ記事のため、内容に関する更新依頼は受け付けておりませんが、誤字や脱字などありましたらご連絡ください。

この記事に関する修正依頼
アーカイブ一覧へ戻る