Vercel

年末の技術の勉強もかねて簡単な写真のサイト作ってみました。 photo.mismith.me 作った理由 Next.js + microCMS next/imageが便利 tailwindcss Next.jsでtailwindcssを使う チートシート Components hover ブレイクポイント 独自のUtilityを追加 アイコン Vercel ホスティング 独自ドメイン Google Analytics さいごに 作った理由 個人の写真まとめサイトとして500pxを使っていたが、純粋に写真だけ一覧できるようなサイトが欲しかった（500pxはSNSなのでいろいろと余計なものが表示さ…

Webコンポーネントをブラウザでサッと確認するのにStorybookが便利ですね。Storybookは自分で作ったコンポーネントをブラウザ上で一覧できるツールです。以下のようなコンポーネントを表示できるWebページを簡単に作ることができます。 始め方は簡単で、Reactの場合は以下のように始められます。 npx -p @storybook/cli sb init --type=react これだけでも便利なのですが、Vercelにホスティングすると更に便利になります。Vercelはデベロッパの開発体験にフォーカスしたプラットフォームで、特にフロントエンド開発に重きを置いています。個人用プロジェ…

概要 Next.jsをコンテナで動かすときにGraceful Shutdownが実装されているか気になった。 12月の調査時点ではcanaryだったが、すでにリリースされていた。 本当は「2020年12月時点Next.jsのGraceful Shutdown実装状況調査」だったが、 今の状況だと「Next.jsにGraceful Shutdownが導入されたので挙動を確認する」とかでいい気がする。 ブログはすぐに書きましょう。 結果 下記リリースで導入された。 https://github.com/vercel/next.js/releases/tag/v10.0.4 Graceful Shu…

問題 mojacoder.vercel.app 初項がA,Bのフィボナッチ数列の部分和として正整数Mを表す時、部分和の要素数の最大値を求める問題 考察 パット見ゼッケンドルフの定理 - Wikipediaが使えそう 後ろから貪欲に取るもののサンプルが合わない という等式を発見 後ろから枝刈り全探索が通りそう AC 何故うまくいくのか より、 が取れる状況で または を取らない事は出来ない また、map等で管理することにより、隣あう二連続の値を取る場合は考えないで良い(隣り合わないとり方で同じ数字を表せるため) を取った場合: その後のとり方は複数ある を取らなかった場合: 隣あう二連続の値を取…

妻の歌人としてのブログ付き個人サイトをリリースしたので、技術的な観点をまとめておきたい。 Jamstack これがサイトの構成図で*1、最近流行りのJamstackというアーキテクチャで作ってみた。Jamstackは、静的サイトジェネレーターを用いてCMS等で管理するコンテンツをビルド時にすべて取得して、ユーザーアクセス前に用意しておいたHTML、CSS、JavaScriptをCDN経由で配信することで、画面遷移が非常に速い優れたパフォーマンスのサイト構築を可能にする。CMS更新時のWebhook通知で自動デプロイする仕組みを入れることで、開発者がソースコードを触ることなく、サイト編集者で完結…

この記事では僕の以下の疑問について書き出して、思索し、議論を喚起するものであり、何らかの答えが書かれているものではありません。 Webフロントエンドエンジニアに向けたバックエンドサーバーを構築する仕組みは様々提案されているものの、その逆であるバックエンドエンジニアに向けたフロントエンドを構築する仕組みがあまり提案されていない この記事を書くきっかけ 以下の記事を読んで、フロントエンドの技術スタック内でサーバサイドアプリケーションの一部の責務を負うような動きがどんどん加速している現状であるが、我々バックエンドエンジニアはどういう動きをすればいいか考えている。 zenn.dev zenn.dev …

×314 大雪の影響、秋田市内で車の立ち往生続く 積雪は平年の5倍｜秋田魁新報電子版 ×154 [タイトルが取得できませんでした] ×67 Microprocessors Running on Air?. There was a time, now forgotten, where… | by Erik Engheim | Jan, 2021 | Medium ×47 Introducing Machine Learning for Developers Newsletter (ML4Devs, Issue 1) - Machine Learning for Developers ×45 Oh…

Gatsby Gatsy + Vercelブログを公開した。 https://okweird.net もっとプロフィールとか充実させたいがひとまず公開までいったので満足。 次は今年の抱負を書いていく。 いったんブログ作成は落ち着いたのでDK本を読んだりNext.jsのアプリ作りしたりといったことをやっていきたい。

Gatsby https://github.com/gatsbyjs/gatsby-starter-blogでサクッとブログ作成できた。スタイルはもうほぼデフォでいいや。 次はVercelにデプロイするところから。

ツイート Kensuke Takeda @takeken1_ よし、電脳化しよう。そう僕のゴーストが囁くから。“結論から言うと、電脳化してDiscordに記憶とゴーストをアップします。” / “ぼくのオンラインRSGT2021を最高にするための３つのこと - ikuo’s blog” https://b.hatena.ne.jp/-/redirect?code=77502f725e506b325e213f344d202f437721397d77214f59&location_id=4696625710388980386&signature=3d59147db189e9bae1dd2c13dea…

妻の歌人としての個人サイトを開発してリリースした。 開発の背景 悪友作者:榊原紘発売日: 2020/08/05メディア: 単行本（ソフトカバー）妻は去年、笹井宏之賞大賞受賞の特典で第一歌集『悪友』を出版して絶賛売り出し中なのと、最近のnoteのゴタゴタでnote退会したいみたいな話があったので、私のNext.jsの勉強がてらnoteみたいなブログ機能付きの公式サイト作ってみたら面白いんじゃない？ということで年末年始休暇にサクッと作ってみた。トップページで短歌がアニメーションで切り替わるのと、Next.jsのSSG*1故のサクサク動くレスポンスがアピールポイント。歌人で個人サイトを持っている人は…

こんにちは。beaglesoftの真鍋です。 今年はお正月にこれを読んでいました。 zenn.dev 読もうと思った動機や目的 もともとReactとFirebaseでものを作ったことはあったのですが、Next.jsとFirebaseでは作ったことがありませんでした。そもそも、SSRなどをどこで行うのかなどちょっと疑問な点がいくつかありました。 そこで、この辺のことをクリアにするためにこの本をチョイスしました。 実際の感想 当初の目的は達成できました。Next.jsとFirebaseを利用するに当たりVercelを利用すればうまくいくことがわかりました。また、OGPについては全く知らなかったので…

ツイート Kensuke Takeda @takeken1_ “Next.js 4年目の知見：SSRはもう古い、VercelにAPIサーバを置くな - Qiita” https://b.hatena.ne.jp/-/redirect?code=77502f725e506b325e213f344d202f437721397d77214f59&location_id=4693804577341163394&signature=75b06eeb23c4a09d9e52d50079bb703141f28f3fd8074a6b47ecac41fabc0c9f 01:30 お気に入り ikuodanaka…