# リベロジック株式会社 > フロントエンド実装、ヘッドレスCMS構築、UIデザイン、ウェブアクセシビリティ対応を専門とする日本のWeb制作・受託開発会社。React/Vue/Next.js/Nuxt、microCMS、Astro、Cloudflareなどモダンな技術スタックによる高品質なWeb開発を提供。 IT黎明期から培った知識と経験をベースに、モダンな技術と組み合わせてクライアントごとの最適解を提案。システムインテグレーター・ITコンサル・事業会社IT部門からの技術的に難易度の高い案件にも対応。IAAP認定 Web Accessibility Specialist (WAS) 資格保有者が在籍し、WCAG 2.1/2.2・JIS X 8341 準拠のアクセシビリティ対応を提供。 ## サービス - [フロントエンド実装](https://www.liberogic.jp/service/frontend/): React/Vue/Next.js/Nuxt による複雑なAPI連携込みのフロントエンド実装。SES・オフショアとの並行開発、フィジビリティ確認、独自デバッグツール開発にも対応。 - [ヘッドレスCMS構築](https://www.liberogic.jp/service/headless_cms/): microCMS・Contentful・Vercel・Cloudflare・Astro などを組み合わせた、セキュアで高速なモダンアーキテクチャのCMS構築。WordPressからのリプレイスも対応。 - [UIデザイン](https://www.liberogic.jp/service/design/): Figma を用いた Webアプリケーション・コーポレートサイトのUI/UXデザイン。運用スタッフへ引き継ぎやすいスタイルガイド開発が得意。DX化を見据えた現場業務のUI設計にも対応。 - [ウェブアクセシビリティ対応](https://www.liberogic.jp/service/accessibility/): WCAG 2.1/2.2・JIS X 8341 準拠のアクセシビリティ診断・改修。IAAP認定 WAS 資格保有者が対応。独自ツール「Area Contrast Checker」を提供。 - [その他さまざまなソリューション](https://www.liberogic.jp/service/other_services/): 生成AI API 活用サービス開発、レガシー技術対応（18年の経験）、セキュアなWordPress環境構築など、新旧問わないWeb技術への対応。 ## ケーススタディ - [JIPDEC 事業者検索サービス Webサイトリニューアル](https://www.liberogic.jp/casestudy/jipdec/): 一般財団法人日本情報経済社会推進協会 JIPDEC様 事業者検索サービスに関するケーススタディです。 - [一般社団法人落語協会 Webサイトリニューアル](https://www.liberogic.jp/casestudy/rakugo/): 一般社団法人落語協会のWebサイトリニューアルに関するケーススタディです。 - [Engage Cros UI開発およびデザイン制作](https://www.liberogic.jp/casestudy/engagecros/): エンバーポイント株式会社が提供する複数の既存サービスを統合したマーケティングオートメーションツール「Engage Cros」のリリースに向けたプロジェクトにおいて、UI開発およびデザイン制作に関するケーススタディです。 - [YAWN YARD Kouri Island WebサイトへのmicroCMS組み込み](https://www.liberogic.jp/casestudy/yawnyard/): YAWN YARD Kouri Island WebサイトへのmicroCMS組み込みに関するケーススタディです。 ## トピックス（最新記事） - [Claude CodeとGroqでアプリ作成 -爆速API Groq を試してみた話- (2026-07-30)](https://www.liberogic.jp/topics/20260731-groq-claudecode/): 前回のClaude CodeでVScode拡張機能の差分アプリを作った話に続きまして、完全に趣味のアプリでも作ろうと【猫日記】たるものを作成しました。実装自体はClaude Codeを利用したのですが、その過程で少し前にニュースで話題になったGroq(グロック)」を利用したのでそちらを紹介します。 - [Claude × 非エンジニアによるアプリ開発① - 作って、試して、調整していく。アプリを「育てる」新しいモノづくり (2026-07-26)](https://www.liberogic.jp/topics/20260727-claudecode-movie-watch-list/): 「AIを使ってアプリを作る」ということ自体、今ではそれほど珍しい話ではなくなってきました。「せっかくなら業務に役立つものを…」と考えていたのですが、最初にパッと浮かんだのは仕事ではなく趣味の話でした。そこで「いっそ自分専用のツールを」と作成したのが、今回紹介する「映画ウォッチリスト」です。 - [英字ラベルの音声操作とWCAG 2.5.3について、Zennに記事を公開しました (2026-07-23)](https://www.liberogic.jp/topics/20260724-zenn-wcag253/): 技術情報共有サービス「Zenn」にて、英字ラベルの音声操作とWCAG 2.5.3「ラベルを含む名前 (Label in Name)」に関する記事「英語とカタカナとアクセシビリティ」を公開いたしました。 - [Thumbnail Prompt Builder を作りました：AIで作ったサムネイル画像を各媒体に自然展開するための小さな実験 (2026-07-05)](https://www.liberogic.jp/topics/20260706-thumbnail-prompt-builder/): ブログ記事のアイキャッチ画像を作るとき、最近はChatGPTなどの画像生成AIを使えばかなり良いビジュアルを作れるようになりました。ただ、実際に運用しようとすると、媒体ごとに必要な画像サイズが違いすぎることが難点。そこでAIで作ったアイキャッチ画像を、実際の運用に耐える形へ整えるための補助ツールアプリを実際に作ってみたまとめです。 - [Claude CodeでVSCodeの拡張機能を作成したよ (2026-06-29)](https://www.liberogic.jp/topics/20260630-vsode-extensions/): Claude Codeを社内導入したので業務で使える便利ツールをなにか作りたいなと思い、エディタ上でタイプミス、タグミスなどを監視してくれるVSCode拡張機能を作ってみました！「こんな機能あったらいいな〜」とイメージから実装までの経緯をまとめました！ - [ウェブ上の日本語を、ワンクリックでやさしく。A11yツール「やさしい日本語 ＆ 読みやすさ診断」をリリース (2026-06-16)](https://www.liberogic.jp/topics/20260616-yasashii-nihongo/): リベロジックのウェブアクセシビリティツール第3弾として、Chrome拡張機能「やさしい日本語 ＆ 読みやすさ診断」をリリースしました。ページ上の難しい日本語をワンクリックでやさしく変換して読み手を助け、文章の難易度を客観的なスコアで可視化して書き手の文章づくりをサポートします。 - [Claude Codeなら続く？総合健康アプリが続かないUIデザイナーの「自分専用アプリ」開発記 (2026-06-09)](https://www.liberogic.jp/topics/20260610-claudecode-health-app/): 皆さんにはこんな密かな悩みはありませんか？ 「よし、今日からやるぞ！」と意気込んでインストールしたはずの習慣化アプリが、全然続かないという悩みです。習慣トラッカー、お薬カレンダー、家計簿……と、項目ごとに別々のアプリを行き来するのは、面倒臭さに拍車をかける行為でした。おまけに有料サブスクも多岐に渡り、管理がずさんになって解約を忘れる始末。これでは本末転倒です。そこで、デザイナーのわがままな思いつきが爆発しました。 「だったら、自分に必要な機能だけを詰め込んだ、自分のためだけのアプリを自作しちゃえばいいのでは？」 こうして始まったのが、AI（Claude Code）との二人三脚による、僕の生活に特化した「オレオレ習慣化コックピット」の開発です！ - [アクセシビリティの実装・検査で迷いがちなポイントを解説する記事をZennで公開しました (2026-06-04)](https://www.liberogic.jp/topics/20260605-wcag-zenn-series/): リベロジックでは日頃からWebアクセシビリティの向上に取り組んでいますが、このたび、技術情報共有サービス「Zenn」にて、WebアクセシビリティのガイドラインであるWCAG（Web Content Accessibility Guidelines）に関する記事を、シリーズとして公開いたしました。今回は、なぜこれらの記事を書いたのかという背景やそこに込めた想いとともに、各記事の概要をご紹介します。 - [Vanilla JS → Next.js on Cloudflare 実験サイト「Liberogic Office Green」 (2026-05-27)](https://www.liberogic.jp/topics/20260528-office-green-try/): みなさん「オフィスグリーン」というサイトがあるのをご存知でしょうか..? 実装を開始したのは2023年2月〜、今に至るまでの改修やコンテンツ追加の経緯をここに告白させていただくのです！Liberogic Office Green に日の目を！ - [世界各地でアクセシビリティを考える一日「GAAD Japan 2026」に協賛 (2026-05-19)](https://www.liberogic.jp/topics/20260520-gaad-japan-2026/): リベロジック株式会社は、2026年5月21日（木）に開催される「GAAD Japan 2026」に協賛いたします。 - [エンジニアじゃないけどClaude CodeとラズパイでKidsWiFi管理システムを作ってみた (2026-05-14)](https://www.liberogic.jp/topics/20260515-hackathon-claudecode-raspberrypi/): わが家の子どもが、とにかくiPadを触りまくる。放っておくと本当にキリがない。なので、まずはそこをどうにかしたかった。ちょうどそんなタイミングで、会社から「自社ハッカソン的に、好きなもの作ってみて」という指令が。ずっと憧れていたラズパイでClaude codeに助けてもらいながら「スマホのボタン一つで、子ども用Wi-Fiを強制ON/OFFできる管理システム」を作ってみました！ - [発注書が必要になったのでClaude Codeで発注書生成ツール（デスクトップアプリ）を作った話 (2026-05-07)](https://www.liberogic.jp/topics/20260508-Claudecode-desktopapp-purchaseorder/): 日々の業務の中で「手作業でやり続けるのはちょっとしんどいな」というものが出てきたら、Claude Codeで小さく仕組みを作ってしまえ！が当たり前になってまいりました。発注書が必要になったのでClaude Codeで発注書生成ツール（デスクトップアプリ）を作ってみました。 - [Next.js16 Cache Componentについての備忘録 (2026-04-30)](https://www.liberogic.jp/topics/20260501-nextjs16-Cache-Component/): Cache Components という概念自体はNext.js 16 から導入されたもので、キャッシュが明示的に制御できるようになってます。`use cache`ディレクティブを書いた場所だけがキャッシュされを使ってコンポーネント単位でのキャッシュも可能になりました。今回はNext.js16 の「Cache Components」についての使い方を中心に備忘録も兼ねてまとめます！ - [Agent Readyは83点(T_T)でもAIに読ませる準備はちゃんと進めています！ (2026-04-29)](https://www.liberogic.jp/topics/20260430-cloudflare-IsYourSiteAgenReady/): リベロジックでは、自社サイトをAIエージェントやLLMにも読みやすい構造にするため対応を進めています。 検索エンジンだけでなく、Claude/Gemini/ChatGPTのようなLLMやAIエージェントがWebサイトを読み取り、情報を整理したり比較したりとユーザーの代わりに調査したりする場面が当たり前になってまいりました。リベロジックのサイトでも、robots.txt、sitemap、Link headers、llms.txt、記事ごとのMarkdownファイル生成など、AIに読まれるための準備しています。 今回はCloudflareが先々週に~~Cloudflareから~~公開した[「Is Your Site Agent-Ready?」](https://isitagentready.com/)の件を記事にします。 - [ページ構造を俯瞰しながら、アクセシビリティを正しく監査。A11yツール「A11y Navigation Auditor」をリリース (2026-04-26)](https://www.liberogic.jp/topics/20260427_a11y-navigation-auditor/): リベロジックのウェブアクセシビリティツール第2弾として、Chrome拡張機能「A11y Navigation Auditor」をリリースしました。ウェブサイトの「骨組み」を素早く正確に可視化し、見落としがちな問題へスムーズにアプローチ。網羅的な構造確認をサポートし、より確かなアクセシビリティ診断を実現するために開発したツールです 。 全記事一覧: https://www.liberogic.jp/topics/ ## 会社情報 - [私たちについて](https://www.liberogic.jp/about/): 業務内容の紹介、ビジョン、会社概要 - [Works（制作実績）](https://www.liberogic.jp/works/): 過去の制作実績一覧 - [ケーススタディ](https://www.liberogic.jp/casestudy/): 制作実績の詳細紹介 - [お問い合わせ](https://www.liberogic.jp/contact/): ご相談・お見積もり依頼 - [ブランドアセット](https://www.liberogic.jp/brand_assets/): ロゴ・ブランドガイドライン ## Optional - [アクセシビリティ方針](https://www.liberogic.jp/accessibility_policy/) - [プライバシーポリシー](https://www.liberogic.jp/privacy_policy/) - [Cookieポリシー](https://www.liberogic.jp/cookie_policy/) - [セキュリティ](https://www.liberogic.jp/security/)