Webサイト制作の悩みを解決する新しい方法
Webサイトは日々進化し、その構造はどんどん複雑になっています。特に、大きなWebサイトをチームで作る場合、ちょっとしたデザインの変更が他の部分に影響したり、新しい人が開発に参加したときにコードを理解するのに時間がかかったりする、といった問題がよく起こります。このような「メンテナンスが複雑になる」という課題は、多くのWeb制作現場で大きな負担となっていました。
「デザイン注入型コーディング」DI-CODING®とは？
ICT株式会社は、このようなWeb制作の課題を解決するために、独自の「DI-CODING®（ディーアイコーディング）」という手法を開発しました。これは、「デザイン注入（Design Injection）」という考え方に基づくもので、これまでの「デザインに合わせてコードを作る」というやり方とは逆のアプローチをとります。
具体的には、まずWebページの「骨格」となるHTMLを、再利用しやすい「部品（コンポーネント）」としてあらかじめ用意します。そして、その骨格に対して、後から柔軟にデザイン（CSS）を「注入」するという方法です。この方法を使うことで、コードの再利用性が高まり、デザインの変更が他の部分に影響しにくくなるため、Webサイトの修正や管理がとてもしやすくなります。
すぐに使える最新ツール「DI-KIT v2」
このDI-CODING®の考え方を、最新の技術を使ってすぐにWeb制作の現場で活用できるようにしたのが、スターターキット「DI-KIT v2」です。このキットを使うことで、Web制作にかかる時間を最大で50%減らすことができるとされています。
開発をもっと効率的に、もっと広げやすく
DI-KIT v2は、Web開発の効率を上げるための様々な工夫がされています。
-
最新の技術を採用: 「Nuxt 3」という最新の技術をベースにしており、Webページの部品（コンポーネント）ごとにHTML、CSS、JavaScriptをまとめて管理できます。
-
表示を速くする機能: 画像を読み込む速度を速くする「UnLazyImage」という機能が標準で入っているため、Webサイトを見る人が快適に利用できます。
-
将来的な拡張性: 今は静的なWebサイトを高速に作ったり、検索エンジンに強くしたりするのに役立ちますが、将来的にはより高度なWebアプリケーション開発にも対応できるよう設計されています。
品質の向上と実用性の強化
Webサイトの品質を保ち、実際の業務で役立つ機能も充実しています。
-
品質を保つ仕組み: CSSを書くための「Sass/SCSS」や、コードの品質をチェックする「ESLint」「Markuplint」といったツールがあらかじめ設定されているため、質の高いコードを保ちやすくなります。
-
実践的なサンプル: お問い合わせフォームのサンプルが用意されており、入力内容のチェック機能（バリデーション）やファイルのアップロード、スパム対策（reCAPTCHA v3）なども含まれているため、すぐに業務で活用できます。
-
簡単な導入: Windows用の簡単なファイルや、コマンド（npmスクリプト）を使うことで、数ステップでインストールして開発を始められます。
オープンソースで商用利用も自由
このDI-KIT v2は、GitHubから無料でダウンロードして利用できます。個人的なプロジェクトだけでなく、仕事で使う商用プロジェクトでも自由に利用できるのが大きな特徴です。
Webサイトを作る人・管理する人へのメリット
DI-KIT v2は、Webサイトを開発するチームや、Webサイトを運営する会社にとって、次のようなメリットをもたらします。
-
チームでの作業がスムーズに: デザイナーとエンジニアが協力しやすくなり、チーム全体の作業効率が上がります。
-
修正や管理にかかる費用を削減: Webサイトの部品を再利用しやすいため、以前作ったプロジェクトの資産を活かして、新しいサイトを作ったり、更新したりする時間を大幅に減らせます。
-
学びやすい: 「Vue.js」という技術に慣れていない人でも比較的扱いやすく、Webサイトを管理する人も、これまでのHTMLやCSS（Sass）の知識で運用や保守ができます。
入手方法
「DI-KIT v2」は、以下のリンクから無料で利用できます。
-
GitHubリポジトリ（ダウンロード・利用方法）:
https://github.com/ICTinc3773/DI-KIT -
DI-CODING®公式サイト（詳細情報）:
https://www.DI-CODING.com/
ICT株式会社について
ICT株式会社は、兵庫県姫路市に本社を置き、AIやクラウド、セキュリティなどの最新技術を使って、中小企業のデジタル変革（DX）を支援している会社です。顧客の課題に寄り添い、計画から運用まで一貫してサポートする伴走型のスタイルが特徴です。
同社はISMS認証を取得しており、安全な運用体制のもと、東京・大阪・兵庫を中心に、実際の業務改善と長期的な成長に貢献するITサービスを提供しています。
会社名：ICT株式会社
所在地：兵庫県姫路市東雲町5-6-2 電交社ビル2階
代表取締役：宇治 貴博
事業内容：クラウド技術を基盤としたITソリューションによる、企業のDX推進サポート
設立：2005年4月6日
ウェブサイト：http://www.ictinc.co.jp/
