Claude DesignとClaude Codeでブログをリデザインした
このブログの見た目を最後にいじったのが2020年のGWでした。 Hugoブログのタグをカラフルにしてみました - PIYO Notes GW中にブログの見た目をだいぶいじりました。 ブログ書こうにもなんとなくテンションがあがらないのを見た目を変えることで無理やりテンションを上げる …
ブログ
2026
2020
Hugoブログのタグをカラフルにしてみました
GW中にブログの見た目をだいぶいじりました。 ブログ書こうにもなんとなくテンションがあがらないのを見た目を変えることで無理やりテンションを上げるという作戦です。 久しぶりだったこともありローカルサーバーを動かすところですら苦労したのですがそれはまた後日メモするとして、今日は新しい …
2018
ブログ画像にGoogle Photosを使ってるけど…
このブログに置いてる画像は全部Google Photosに置いてます。 画像を記事中に挿入する手順は、 スクショなどで画像を用意する Google Photosの公開アルバムにアップロードする 画像へのリンクを取得 Dashのスニペットを使ってMarkdown記法で記事中に挿入 …
トップページの表示がIEで壊れていたので直しました
IEでのトップ画面の表示がこのザマでした。各記事のカードみたいなのが潰れちゃってます。 Google Analyticsによると5%程度 IEからの閲覧があるようです。 まあ直接個別記事へ来ることがほとんどでしょうからトップページは見てないかもしれませんが、気持ち悪いので直すこと …
highlightjs-line-numbers.jsの結果に変な出力 "{1}" が混じる
このブログではソースコードのシンタックスハイライトにhighlight.jsを使っており、行番号の表示にはhighlightjs-line-numbers.jsを使用しています。 Hugoブログのシンタックスハイライトに行番号をつける - PIYO Notes このブログ、ソース …
textlintでテキスト校正くんのように表記揺れの指摘を行うには
ひとつ前の記事ではtextlintの結果をEmacs上で確認できるようにしました。 次はテキスト校正くんが持っている、用語の表記や漢字の開き方に関する指摘の機能の部分を導入します。 textlint-rule-prhの導入 下準備としてtextlint-rule-prh導入します …
textlintの結果をEmacs上で確認できるようにした
昨日テキスト校正くんが便利だという記事を書いたばかりではありますが、Visual Studio CodeではなくEmacsで書けるのが望ましいです。 いずれはテキスト校正くんと同様のチェックをかけたいものの、まずは以前textlint導入記事で導入したルールを使って判定するところ …
Visual Studio Code拡張の「テキスト校正くん」で日本語文書を校正する
先日「エンジニアのための、いますぐ使える文章校正テクニック」という記事がバズっていました。僕はちゃんとしなきゃーと思いながら読んでおりました。 エンジニアのための、いますぐ使える文章校正テクニック - ICS MEDIA ウェブ制作や開発の仕事で文章を扱う機会は多いはず。書き手は …
話題のHatchfulでロゴを作ったので配置してみました
最近話題になったShopifyのロゴ生成ツール「Hatchful」でロゴを作り、置いてみました。ヘッダーロゴ置いてみたかったんですよね。 Hatchful FREE Logo Maker - Create Your Own Logo in Minutes Design …
ブログの細かい見た目を微調整しました
ごちゃっとしていてなんとなく気に入らなかった当ブログの見た目をちょっとだけ調整しました。 Before Beforeはメイン部分とサイドバーの2カラムレイアウトでした。 ちょっと詰めすぎではなかったかなと思い、縦に並べることにしました。例えばサイドバーのPOPULARの部分なんか …