コーポレートサイトを誰にも気づかれず静的化したときの技術選択について - Hatena Developer Blog

こんにちは〜。チーフエンジニアのid:cockscombです。 最近、同僚のid:yashigani_wとともに、はてなのコーポレートサイトを静的サイトとして再構築しました。ちょっとした仕事ではありますが、経験によって得られた暗黙知を形式知へ昇華するため、ここに紹介します。 はてなのコーポレートサイトとは サイトを静的化するメリット どのようにサイトの静的化を進めたか 1. 静的ファイルをNext.jsで生成 2. 運用を自動化したい 3. ホスティングサービスを選択する 4. 動的なコンテンツを表示する リリースと振り返り ホスティングサービスに関する補足 はてなのコーポレートサイトとは 弊社のコーポレートサイトは一般的なそれと同様に、株式会社としての「はてな」に関心を持っていただいた方々とコミュニケーションするための窓口です。会社情報を提供したり、あるいはプレスリリースなどの情報を公開

[Songmu]

何故か元々の中身を知ってる気がするけど、これは「偉業」ですね…!

[nhayato]

いなばのタイカレーが喋ってることに違和感持ってない人多いの、シュール

[sue445]

複数検討した上で採用・不採用両方の理由が書かれてるエントリ、むっちゃ信頼できる

[nmcli]

更新頻度がせいぜい hourly で済むサイトはここまで JS に依存しなくても HTML で書けると思うが、俺の頭のほうが古いよな。時代だなー。／ hatena.co.jp ドメインがついに空いたから、いずれドメインも変わるのかな、なんて

[akitsukada]

Amplify Console 事例だ〜〜 #AWSAmplify

[tettekete37564]

弱小だとそもそも実際にリーチできる技術の範囲も極小なのでこういう大手の情報は本当に参考になる

[ryu39]

だれにも気づかれないの悲しいけど、移行としては完璧な仕事だったのでは。AWSにもhostingサービスあるんだ。AWS Amplify Console

[TakamoriTarou]

Netlify と AWS Amplify って同等なのか。ほげー。 ただ、はてな元々早いから体感が変わらんのな。これが雑ホムペ屋に騙され作ってしまった激安鯖に無駄WPの重サイトだったりすると、同じくHugo+Netlifyで劇的に改善したりする

[aktkro]

Netlifyでよくない？って思ったけどAmplify選定理由に「普段からAWSを使っているため、Amplify Consoleを選びました。」って書いてあってぐう納得

[shoh8]

NuxtJSとAWS Amplify Consoleか

[reiki4040]

こういう割とやるパターンなんだけど、いざやるとhowが沢山あるやつは素振り大事。

[onk]

staging 環境の作りやすさ納得。 Incremental Static Generation は知らなかった、なるほどねー。

[jsstudy]

静的サイトジェネレータにはNext.jsを選びました。我々はReactのエコシステムに慣れていて、Next.jsを使った案件も経験しており、社内にもノウハウが蓄積されています。

[Dragoonriders]

どうでもいいけど、静的化というワードにモヤッとする。

[gabuchan]

AWS Amplify Console という選択肢もあるんだー📝

[spark7]

コーポレートサイトなんて不祥事でもなければそんなアクセスないやん。

[natu3kan]

AWSとか今使ってる環境の兼ね合いも考えて技術選定するのは確かに。今だとアクセスが集中して高負荷がかかった時とかじゃないと静的化の恩恵を実感しにくい。

[yshdyk11202000]

この無言ブクマの量から分かる、Amplifyを習得すべきだと

[sashiharajp]

ほー

[proverb]

いやー、自分自身の技術キャッチアップの足りなさを実感。勉強します

[kkobayashi]

誰もコーポレートサイトを見ていないのである

[jitojito]

結局のところ静的サイトジェネレータどれがいいのだ。というところで振出しに戻る。

[houyhnhm]

JSP思い出した。

[syunnchang]

社内SEがコーポレートエンジニアと呼ばれだしたが、会社ホームページもコーポレートサイトっていうようになるのか・・・

[krrrr]

チョチョイのチョイ

[secseek]

なんか一周回って最後はみんな静的コンテンツなんて時代になったりして…。それはオーバーにしても、動的な箇所を最低限にして他はキャッシュした方が速いのは間違いないですよね

[sippo_des]

きづかれずに。

[kno]

“AWS Amplify Console”

[portal18]

"「はてなのコーポレートサイト、表示が速くなった？」といったツイートは見つけられませんでした。" これは最近のコンピューターの性能では実感できるくらいの違いがないだけじゃ。ブラウザーとかでもそうだけど。

[moret]

脳内再生余裕でした

[YukeSkywalker]

昔トップページの一時ファイルを生成して、管理画面から商品の追加とかがあったらそのファイルを削除するような事をやってた。

[Keisuke69]

Next.jsでSSG（あとAmplify Consoleも）

[kumamotone]

参考になった

[kenzy_n]

こうしてはてなのコーポレートサイトは静的かリニューアルされた

[side_tana]

そういえばコーポレートサイトを社内でやってるの珍しい気がする