はてなブログでコーディング系の記事を書く人向けテーマです。リリースからこつこつ育ててます。
CodeFocus - コードと記事に集中できるはてなブログデザインテーマ - CodeFocus
codefocus.hatenablog.jp/entr…
どういう見た目かはサンプルエントリーで確認できます。
codefocus.hatenablog.jp/entr…
2
343
Released CodeFocus v1.12.0. Added styling for <details> and <summary> tags to improve visual recognition and interactivity.
GitHub github.com/guitarrapc/hatena…
CodeFocus - テーマ ストア blog.hatena.ne.jp/-/store/th…
288
CodeFocusのdetailsタグ、特に何もしてなくてクリック可能なことがまったく予期できないので直すかー
1
1
246
CodeFocus使われててうれしい // White Box技術部
seri.hatenablog.com/?_gl=1*z…
362
CodeFocus使われててうれしい。1.11.0が展開されてそう。 // Zellij (とても使いやすいターミナルマルチプレクサ, Terminal Workspace, tmux) - いろいろ備忘録日記
devlights.hatenablog.com/ent…
414
CodeFocus使われててうれしい // ディアンドレ・ハンター｜NBA選手紹介【強み・弱み解説】 - day to day
blog.day2day.jp/entry/deandr…
190
CodeFocusで仕様化して検討、導入した結果、気になっていた黒すぎて、白すぎては改善したように見えるかな。これが実際にアクセシビリティとして機能しているならいいなー。(してるか実感を持って観測できないのでコントラスト比で推測するしかない...)
1
142
CodeFocusテーマ v1.11.0をリリースしました。本リリースで、ライトテーマ/ダークテーマの背景、文字色、コードブロック、リンク色を見直しています。
色に関してはWCAG 2.2 を参考に、コントラストを調整したものです。
blog.hatena.ne.jp/-/store/th…
具体的な変更はこちら
github.com/guitarrapc/hatena…
1
1
1
263
ダークテーマの色合い、今どきではない感じもあって見直そうか悩んでるます。黒にかなり寄せてるんだけど、さすがに寄せすぎててコントラスト的に読みにくい感じがあるかも。 // CodeFocus - テーマ ストア
blog.hatena.ne.jp/-/store/th…
201
CodeFocus 1.10.0 リリースしました。
テキストの折り返し動作を最適化しています。通常テキストは長いURLも適切に改行、コードブロック折り返し切り替え時に適切に折り返します。
word-wrapからoverflow-wrap: anywhere; に移行しています。
github.com/guitarrapc/hatena…
196
はてなブログに投稿しました
CodeFocusテーマの目次をデザインCSSでカスタマイズする - CodeFocus codefocus.hatenablog.jp/entr…
#はてなブログ
1
379
CodeFocus v1.9.0をリリースしました。
TOCボタンを使っている場合、1540px のワイドスクリーンで、Zennのように常時目次が表示されるようになりました。customize-toc-button.htmlを更新してください
github.com/guitarrapc/hatena…
変更詳細はリリースを参照してください。
github.com/guitarrapc/hatena…
201
はてなブログに投稿しました
CodeFocus v1.9.0 - ワイドスクリーン対応とパフォーマンス改善 - CodeFocus codefocus.hatenablog.jp/entr…
#はてなブログ
1
322
CSS変数を使ったカスタマイズに内容調整しました。 // CodeFocusテーマのカスタマイズガイド - CodeFocus codefocus.hatenablog.jp/entr…
#はてなブログ
301
25 Dec 2025
CodeFocus v1.7.0 リリースしました。主に見た目の調整です。
本文の文字間隔を調整し読みやすさを向上。リンクに左右の余白を追加。Noto Sans JPフォント採用とプロポーショナルメトリクス有効化。
左: before
右: after
blog.hatena.ne.jp/-/store/th…
1
1
625
14 Dec 2025
Bu kişisel proje, aslında üniversitede Yazılım Mühendisliği bitirme tezim olarak başlamıştı. Okul bitince yarım kalan bu fikri, güncel teknolojinin gücüyle sıfırdan hayata geçiriyorum.
Özellikle zamanında beni zorlayan çizim/grafik tarafı, Yapay Zeka (AI) araçları sayesinde artık engel olmaktan kalktı. Bu sayede tüm enerjimi koda ve mimarisiye odaklayabiliyorum.
#AITools #CodeFocus #Cursor #ChatGPT #Gemini
1
1
104
11 Dec 2025
- Codefocus
- codefocus.io
- I will never put lost of ads or cripple the free timer.
Day 1 starts now.
1
22
26 Nov 2025
CodeFocusテーマ1.6.1をリリースしました。h要素のaリンク訪問済みリンク色が1.6.0の影響を受けていたのを修正しました。
github.com/guitarrapc/hatena…
テーマストアはこちら
blog.hatena.ne.jp/-/store/th…
171