Tech Blog orca
技術記事を継続的に積み上げていくスタートアップ向けの開発ブログ CMS サンプル。タグフィルタとシリーズ表示を備えた構成です。
プロダクト開発で得た知見を、社内 Notion からそのまま読める形で公開しています。 採用情報も、ここを起点に。
こんな業種に向いています
- 技術記事を継続的に積み上げていくスタートアップ向けの開発ブログ CMS サンプル。タグフィルタとシリーズ表示を備えた構成です。
- 継続的にお知らせ・記事・実績を更新していきたい組織
- スタッフ自身が、開発者を介さず投稿できる体制を作りたい
構成
トップに最新記事を並べ、カテゴリ・年月で絞り込めるようにしています。「タグフィルタ」・「シリーズ」・「RSS / Atom」・「コードハイライト」 を含む、運用しやすさを優先したサンプルです。
本制作では microCMS / Notion / 自前 Cloudflare Workers などのバックエンドと組み合わせ、お客さまが直接更新できる構成にお仕立てします。
live preview
プレビュー
related
関連するサンプル
IT・テック の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
IT・テック · ボールド・グラデ・大胆・ピンク × 紫 2026-05-05
TILT Creative — ボールドな広告代理店
尖った広告代理店・クリエイティブブティック向け。ピンクと紫のグラデと巨大文字で、攻めの姿勢を視覚化したサンプルです。
大文字キャッチケーススタディ 4 件サービスメニューメンバー
IT・テック · Bento ・ カラフル ・ モダン ・ ダーク 2026-05-05
Stack Studio — Bento グリッド
SaaS の機能紹介サイトを、Apple 風の bento(弁当)グリッドで構成したサンプルです。各カードを違うサイズ・色・グラデで配置して、1 画面で世界観を伝えます。
Bento HERO数字カード機能 3 枚コードブロック
IT・テック · バウハウス・原色三色・幾何学・グリッド 2026-05-05
KREIS Inc. — バウハウス原色
デザインシステム会社のサイトを、バウハウスの三原色と図形(円・三角・四角)で組んだサンプルです。Helvetica 風の太いサンセリフと厳密なグリッドで構成しています。
サービスプロセスケースファクト
IT・テック · サイバーパンク・CRT・グリッチ・マゼンタ・モノスペース 2026-05-05
NULL.CITY — サイバーパンク密度
VTuber エージェンシーのサイトを、ターミナル UI と CRT スキャンラインで構成。ASCII アートでサイバーパンクの空気を出しました。
タレント一覧週間スケジュールサービスオーディション
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。