静的サイトジェネレーターを Next.js から Astro に乗り換えた 🧑🚀 | rakuishi.com
2011 年当初 WordPress で書き始めたこのブログは、途中からは Hugo による静的サイトに置き換わり、その次は Next.js, そしてこの記事からは Astro を採用しています。 新しいものを勉強することが移行の一番のモチベーションでしたが、結果として Next.js に感じていた不満を解消することが出来ました。 Next.js の不満点としては、静的サイト出力はあくまで機能の一部であり（個人的感想です）、ブログ用途にしては機能過多感がありました。また、サイトマップやフィードの静的出力に難があり、未だに適切な書き方が分からず敗北感が拭えませんでした。追い打ちとなったのは、先日 8 万字弱の記事を公開したかったのですが、これが差分更新のパフォーマンス劣化を及ぼすとして公開できず… 😢 そんな折、静的サイト出力（SSG）とサーバーサイドレンダリング（SSR）をサポートしてい
AWS Route 53 から Google Domains への移行 | rakuishi.com
現在、このブログは Next.js + Firebase Hosting + AWS Route 53 を利用して運用しています。今回、利用しているウェブサービスの棚卸しとして、Route 53 から Google Domains への移行を行いました。 Google Domains へ移行した理由 最近、AWS を Route 53 以外には利用しておらず、移行できたらパスワード管理ツールに登録する項目が減らせるのが最大のモチベーションです。 また、Google Domains の管理画面が簡易に見えるのと、料金が安くなることを期待しています。 現在、AWS Route 53 での com ドメインは TLD 別の最新料金表 によれば年額 $12 となっています。これに加え、月額 $0.5 必要です。年額に直すと合計 $18 になります。 一方、Google Domains での com
Hugo Zen: これから Hugo を始める人向けのミニマムなテーマを作りました | rakuishi.com
Hugo Zen という、静的サイトジェネレータ Hugo で使えるテーマを作りました。理由は、公開されているテーマ hugoThemes には、主張が強すぎるものが多く、どれを参考にオリジナルテーマを作ればいいか分からなかったからです。 Hugo Zen は、ミニマムに作られています。Skeleton という素敵な CSS ライブラリと、100 行に満たない custom.css から出来ていて、Hugo Zen を元に自分のテーマを作るのに向いています。 導入 Hugo プロジェクトから以下のコマンドを打てば、使えるようになります。 $ cd themes $ git clone https://github.com/rakuishi/hugo-zen $ hugo server --theme=hugo-zen --buildDrafts --watch 設定 config.toml
｢オフライン郵便番号検索の決定版！ - 郵便番号検索くん for Android｣を 3 年ぶりにアップデートしました | rakuishi.com
｢オフライン郵便番号検索の決定版！ - 郵便番号検索くん for Android｣を 3 年ぶりにアップデートしました 最近、放置していたアプリのアップデートを頑張っていて、iOS の「Quicka2 - 検索を快適に」「オフライン郵便番号検索の決定版！ - 郵便番号検索くん」に続いて、Android の郵便番号検索くんをアップデートしました。アップデートしたと書きましたが、実は別アプリとしてリリースしています。 オフライン郵便番号検索の決定版！ - 郵便番号検索くん 郵便番号データは、zipcloud のデータを SQLite データベースに保存して、利用しています。以前は、ここから落とせる CSV データを Excel で開いて、カタカナをひらがなに変換して、その CSV データをテキストエディタで Shift-JIS から UTF-8 にして、sqlite3 コマンドからインポートす
この 6 年間、個人アプリ開発者が App Store に対して感じたこと | rakuishi.com
開発者は自分のアプリに付くレビューに返信することはできない。そのためユーザーが間違った使い方をしてレビューに書いても、開発者は手を差し伸べることはできない。またその情報が他のユーザーに広がることを考えるとはらはらする。その状況は、教室で女の子たちが自分に対する評価を話していて、透明人間の自分はそれを聞き続けている状態に近い。こちらに否がある内容にも「ごめんなさい間違えました」と一言さえ言えないのは心苦しいものがある。 Apple は、次にリリースする iOS 10.3 でレビューの返信機能をようやく導入するようだけれど、アプリ開発者はそれを何年待ち続けたのだろうか。自分は iOS 4.3 の時に、アプリ開発者を初めたから、計算すると 6 年になる。 その間に iOS アプリに対するアフィリエイトの仕組みが変わり、報酬が減った。それにより個人ブロガーがアプリレビューを書くインセンティブがなく
シンタックスハイライトに highlight.js を使うことにしました | rakuishi.com
ブラウザで実行されるクライアントサイドのシンタックスハイライト（ソースコードを意味ごとに色付けしてくれる）に、google-code-prettify を使用していたのですが、highlight.js に乗り換えました。 経緯 prettify は、ハイライトするコード部分を <pre class="prettyprint"> ~ </pre> で囲う必要がありました。 ですが、先日から記事をマークダウンで記述するようになり、コード部分が、<code><pre> ~ </pre></code> に変換されるため、クラスを指定する prettify が使えなくなりました。 highlight.js 導入 ブログに JavaScript と、CSS を読み込ませるだけです。ハイライトする部分は、<code><pre> ~ </pre></code> 形式で囲まれている必要があります。 Gett
Amazon S3 で運用しているブログを HTTPS 化した | rakuishi.com
勉強のためにブログを HTTPS 化しました。このブログは静的サイトジェネレータ Hugo で生成したファイルを Amazon S3 にホスティングしており、ドメインも Amazon Route 53 で管理しています。 HTTPS 化の手順としては、AWS Certificate Manager, ACM から SLL 証明書を取得します。その証明書はそのまま S3 には使用できないため、CloudFront という Content Delivery Network, CDN を間に挟んで HTTPS 化します。 以下の記事を参考に進めましたが、躓いた点をこの記事にメモとして残しておきます。 [ACM] AWS Certificate Manager 無料のサーバ証明書で CloudFront を HTTPS 化してみた ｜ Developers.IO AWS Certificate M
2014 年は、モノを捨てて知恵に置き換える年だった | rakuishi.com
人に読まれることを前提としたブログを高校に入学した頃から細々と書いていて、かれこれ十年は続いている。飽きっぽい僕にとって、一番長く続いた趣味だと言えるが、書くことが上達している気配は微塵もない。能ある鷹は爪を隠すと言うが、能がないか、隠した場所を忘れてしまったかのどちらかだろう。まあ、普段はそういうことを気にしていない証拠に、今年もこのブログに忘備録のようなものを残した。 さて、忘備録がてら、ニコニコアニメスペシャル「憑物語」一挙放送を観ながら、2014 年を振り返ろうと思う。 課外活動 夏に富士山に登った。本格的な山に登るのは初めてだったから、登山用品店で必要なものを一式買い揃えて臨んだ。富士山は幾つかの登山道があるが、須走口を選択した。当時に読んでいた小説の作者が、須走口に登るエピソードを書いていたからだ。→ 全ての装備を知恵に置き換えること 須走口五合目にある菊屋という宿に前日泊り、
CSS 初学者だった頃に知りたかったこと | rakuishi.com
この記事では、自分が CSS 初学者だった頃に知りたかったことをまとめています。 Normalize.css Chrome, Safari, Firefox, IE などといったブラウザには、各々、デフォルトスタイルが当てられています。これにより、同じ要素なのに、余白や文字の大きさが微妙に異なる、といったことが起こります。 そこで登場する Normalize.css は、各ブラウザの違いを吸収し、各要素の有用なデフォルトのスタイルを維持したものです。Normalize.css を使えば、どのブラウザで見た時にも同じスタイルが当てられます。 Normalize.css は、HTML の head 内で以下のように宣言して使います： <link rel="stylesheet" href="/css/normalize.css"> <link rel="stylesheet" href="/c
捨てる理由、捨てた後に残るモノ | rakuishi.com
自分でも狂気じみている感を拭えないぐらいに、「捨てる」ことに躍起になった冬だった。着心地の悪い服、もう目を通さない書類、趣味の用品、思い出の品を写真を撮ってから捨てた。また、中学生時代から律儀に取っていたバックアップデータを削除し、もう連絡を取らない人たちを連絡帳から削除し、いくつかの LINE グループを削除した。東京に越してきた時より、何もなくなった。 それらの自分の行動を冷静に鑑みるに、「捨てる」ことに、いくつかの理由のようなものがあるようだった。1. 自分が死んだ後にモノがたくさん残るのは嫌。2. モノに獅噛み付かなければ自分を満たせないのが嫌。3. 自分が生きるのに最低限のモノはなんだろうかという好奇心。まあ、上記に挙げたのはただの後付けの理由である。最初は「なんか気持ち悪いから」というシンプルな理由だった。 天気の良い休日。ベッドと机と椅子しかないような持て余した八畳の部屋に、
ものを減らし続けた向こう側 | rakuishi.com
物欲というのが、わりかしすっきりした。手当たり次第、買い求めては飽きる生活からの学びが、今ここにある感じがしている。部屋のものの数はぐっと減った。一人暮らしをはじめた大学生の頃も十分少なかったのだけれど、それよりもさらに減った。 これまで溜め込んだものを捨てるのは、自分の一部を切り捨てる感覚に近く、卒業式のような寂しさが含まれている。だが、ものを少なくすることには、いくつかの良い側面があることを知った。 例えば、これから捨てるものの役割を他のもので担ったり、知恵で代替する喜びがある。少ないもので生きていけるということを確認する機会になる。何もかもが嫌になった時に逃げ出すための準備ができている安心感がある。 ただ、こういったものが少ない生活で危険なのは、ものから受けとるランダムな体験の機会が減ってしまうということだ。例えば、お土産のキーホルダーを買うことで生まれるストーリーだったり、買ったも
GitHub で持ちものを管理しはじめたことと、それに付随する雑談 | rakuishi.com
一人暮らしを始めてから 5 年ぐらいになる。その生活の中で増えた不必要なもの、自分には合わなかったものの大半を捨てた。良い機会だからと、GitHub に持ち物を書き出してみた。これに加えてダンボール 4 箱分（服と靴と食器）が全荷物である。引っ越しの準備は 1 時間で終わる。 rakuishi/monolog 冷蔵庫は捨ててもいいかもしれない。この 1 年間、冷蔵庫の電源は抜かれたままだ。食料品は、冷蔵の必要がないものを買っている。例えば、タマゴやマヨネーズは冷蔵する必要がなく、タマゴはリゾチーム、マヨネーズは酢と油によって細菌の侵入を防いでいる。大学時代に学んだ微生物学の知識が役立っている。どうしても冷蔵の必要なものは、買ってからすぐ調理するようにしている。 お金のことは家計簿アプリ Money Foward で管理している。複数の銀行と証券を自動でまとめられ、総資産をさくっと確認できる
WordPress から Hugo に乗り換えました | rakuishi.com
2011 年 8 月 25 日から数えて 3 年と半年、このブログは WordPress で運営してきたのですが、この記事から Hugo という静的サイトジェネレータで運用します。 当初は WordPress も PHP も分からない微生物専攻の大学生だったのが、最近では WordPress テーマ／プラグイン作成をする仕事をしていて、時間の流れは不思議だと感じるこの頃。そして、WordPress のことが大まかに掴めたからこそ、他のブログツールを勉強したいなと思いました。 調べてみたらフロントエンドエンジニア界隈で、Go 言語で作られた Hugo という静的サイトジェネレータがなんか流行りっぽいので、それに移行しました。 Octopress から Hugo へ移行した | SOTA Jekyll が許されるのは小学生までだよね - MOL WordPress からの移行方法 まだ、公式に
Amazon S3 にサイトのホスティング先を移行した | rakuishi.com
このブログは静的サイトジェネレータ Hugo によって生成された静的ファイルをアップロードして作られています。今回、ホスティング先を Sakura Internet から Amazon S3 (Simple Storage Service) に変更しました。 この記事では、導入する際に行った Amazon S3 の静的サイト設定、Route53 によるドメイン管理についてメモします。 Amazon S3 https://aws.amazon.com/jp/s3/ クレジットカード番号の登録、電話番号認証を行って、アカウントを作成しました。[ストレージ & コンテンツ配信] → [S3] → [バケットの作成] からバケット名 rakuishi.com を作成しました。 ちなみに、アカウント作成直後では「反映まで最大 24 時間かかることがあります」と言われ、設定できませんでしたが、寝て起き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
rakuishi.com