写真ギャラリーのようなレイアウトを作るとき、CSSの columns プロパティはとても便利です。 ただ、使ってみると写真の表示順が「上から下、次の列へ」となり、直感的な「左から右、次の行へ」の順番にならなくて困った経験はないでしょうか。 今回は、行優先の表示順をベースにしつつ、高さの異なる要素をバランスよく配置するMasonryレイアウトをReactで実装する方法を紹介します。 Read more

今使っているThemeにシェアボタンが付いていなかったので自分で作ってみました。 Hugoがサイトをbuildすると、rootディレクトリとTheme内のディレクトリは統合されます。 そのためrootディレクトリに、Theme内と同じディレクトリ名でファイルを追加するとThemeのファイルに影響を与えずに読み込めるようになります。 Read more