自分の周辺情報をまとめる静的サイトをつくった
https://media.connpass.com/thumbs/d7/36/d7364547c4b3bd92b1d2ee8a9a474336.png
https://gyazo.com/5510d4e88c34b7dc94f91817952946e7
メニューのドキュメントアイコンより「Start presentation」クリックでプレゼンテーションが始まります
改めまして
第0回は運営メンバーにより守谷にて開催しました
基本呑んだだけです
yamanoku.icon
お前は誰
https://gyazo.com/809a6f523937838d9ba5eaf20717feee
自己紹介
yamanoku.icon @ yamanoku
大山奥人, おおやまみちのく a.k.a やまのく
得意領域
ザ・モノリシックです
既婚で1児の父と猫🐈🐈🐈の飼い主
いつか大型犬を飼いたいと思っています
デザインまわり担当しました
https://gyazo.com/7d97d19c4069aaff903f2c55c7872dd1
おおたかの森周辺について
アネックスもある
ペットショップある
犬かわいー
流山おおたかの森駅南口都市広場
SC前でイベントが開催されてる
https://gyazo.com/d6859dd826cee1876feaa02d1eeae784
今はスケートリンクが設置されている
保育園
現状待ちはあるが豊富
流山市立おおたかの森小学校・中学校
2015年に新設した一貫校
図書館もある
駅から出て南にデカい公園がある
土日は子連れが基本いる
ごはん処
https://gyazo.com/33574b2e6eb088e8e7f49775c30b46c7
家族向けのステーキハウス
サラダバーが豊富
回転寿司
https://gyazo.com/57f54906b108b59ea330dbacf88be6f8
それはそれとして
令和元年台風第19号すごかったですね
みなさん大丈夫でしたでしょうか
yamanoku.icon の家のアンテナが魚の骨なので怖かった
大丈夫でした
エンジニアの端くれとしてなにか作りたい
まずは「知る」ことに特化しよう
あとは自分がメインで使えるようにしたい
やれること
コッテコテのフロントエンド太郎
バックエンド側でなんとかやってくれてるのに付随する
よっしゃフロントエンド太郎だし静的サイトでもつくるか！！
https://gyazo.com/d4b4fad35f4449b38284acf64b523a43
流山市避難所
小児科
ご飯どころ
現状周辺のことを載せてるだけですね
全然足りんしyamanoku.icon
利用技術
そういやReact.js最近触っとらんし素振りするか yamanoku.icon helmetこうなってんのねと改めて理解した
ほんとにできた
はーなるほどねーとなった
社内で使い方ちょっと不思議だからと言われる
キャッシュで爆速！！！！！！！
プラグインで簡単にいけた
みなさんご存知のやつです
HTTPS対応も簡単
便利
ドメインはすでにここで取ってる
便利
React.Fragmentができない
内包しているReactがv16じゃない
スタイルが余計なものを考慮しないといけない
height: 100%をしたかったのですが
___gatsbyが果てしなく邪魔
html.jsなるものを弄らないと困るやつ
gatsby-plugin-typescriptが必要
そのほか色々設定した
ハマりどころが多かった気がする
そもそもいらんやろyamanoku.icon
素振りの感覚だったし別にそこまで心中する気はないyamanoku.icon
いいとこ
なにも気にしなかったら@11ty/eleventyだけで完結できちゃう
npx eleventyでビルド
様々なテンプレートがひっぱれる
サイトのURL設計がツールに縛られない
コレクションの設定が柔軟
Dataディレクトリが便利、JSを書いたりもできる
ファイルを生成する前にフックで加工できる（.addTransform）
実例
試してみた
クセはあった
設定を自分であれこれカスタマイズできる
記法の慣れは必要
モジュールのcssを読み込みたい時
code:_includes/layout.njk
{% set css %}
{% include "node_modules/yama-normalize/yama-normalize.css" %}
{% endset %}
移行できそう
ネクストステップ
自分の個人情報をAPI化してるやつが居た
それをビルドして静的サイトジェネレートする
天気情報とかがあってもいいかな
流山市役所の情報クロール
なんかいいネタくださいyamanoku.icon
2021/9/19追記: 更新も疎くなってしまったためサイト自体を削除しました