Webコーディングの工数を最大50%削減。「DI-CODINGⓇ」を本日より無料公開
2023年4月12日
ICT株式会社
ICT株式会社(本社:兵庫県姫路市 代表取締役社長:宇治貴博 以下、ICT)は、HTML/CSSコーディングの効率化メソッド「DI-CODING(ディーアイ・コーディング)」を2023年4月12日に無料で公開しました。DI-CODINGは複雑なデザインにも対応可能なメソッドで、コードの可読性・保守性の向上、コーディング速度の高速化、コミュニケーションの円滑化を実現します。また、同時配布の「DI-KIT(ディーアイ・キット)」を利用することで、コーディングの工数を最大50%削減し、ページ表示の速度向上や品質維持が可能です。
【サイトURL】 https://www.di-coding.com/
【画像:https://kyodonewsprwire.jp/img/202304054616-O4-dMms3SZ1】
Webコーディングをシンプルかつ安全に
従来のコーディングメソッドは複雑な依存関係がその習得と効率化を妨げていましたが、パートナーの制作会社や自社の制作チームの声を元に開発を開始。Web業界の発展に貢献したいとの思いから公開に踏み切りました。
デザインを既存のコードに注入する「Design Injection」の概念に基づいて名付けられたこのメソッドは、Webページをコンポーネント(部品)に分割し、影響範囲を限定することで依存関係をシンプルにします。把握しなければならないコード範囲が削減されることでコーディング労力とテスト時間が短縮されるほか、メンテナンスや引継ぎが容易になります。
また、短期間で学べることから、過去にはコーディング初級者向けの書籍『これから学ぶHTML/CSS』に取り上げて頂きました。
【画像:https://kyodonewsprwire.jp/img/202304054616-O5-V9UWx7fE】
DI-CODINGとDI-KITで効率化・高速化・最適化
DI-CODINGはコンポーネント単位でCSSの影響範囲が限定されるため、コードがシンプルで再利用性が高く、メンテナンスも簡便です。しかし、提供するのは概念に留まるため、その概念を実践するために生まれたツールが、コーディングスターターキットのDI-KITです。
DI-KITは、JavaScriptフレームワークである「Nuxt.js」をベースにしたキットとなっており、CSS管理に「単一ファイルコンポーネント」という機能を提供します。コンポーネントの再利用性をさらに高められるほか、Nuxt.jsやVue.jsのプラグインとして提供されている様々な機能を追加することができます。普及したフレームワークを活用することで、慣れ親しんだエンジニアの学習コスト削減や開発の効率化を促進。Vue.jsを理解していない初級者も高速なページロードを実現でき、SEO対策の恩恵も受けることができます。
今後の展開
DI-KITは作成済みのコンポーネントを再利用することで真価を発揮します。そのため今後弊社は汎用性の高いコンポーネントを開発し、追加コンポーネントとして順次公開していく予定です。その他にも新しいメソッドの企画・開発を継続し、公開していくことでウェブ業界の発展に貢献してまいります。
担当者コメント
【画像:https://kyodonewsprwire.jp/img/202304054616-O6-xu79fp6a】
ICT株式会社 ウェブプロデューサー 長尾一矢
DI-CODINGは、コーディング初級者から上級者まで幅広く活用できる柔軟な概念です。弊社では以前からこの概念に基づいたコーディングを実践し、成果を上げてきました。
最も基本的なルールを理解すれば、すぐにDI-CODINGを実践できるようになります。しかしながら、その仕組みやメリットをすぐに理解できるのは熟練コーダーのみで、初級者が理解するためには実演を伴う講習か、長文ドキュメントを読み込む必要がありました。
スターターキットのDI-KITも、当初から存在していましたが、独自ルールが多く、DI-CODINGは長らく弊社独自のノウハウに留まっていました。
しかし、Vue.jsの普及で単一ファイルコンポーネントが広まり、DI-CODINGのイメージと具体例を手軽に共有できるようになりました。DI-CODINGはHTMLとCSSだけで単一ファイルコンポーネントと同様の利便性を実現する概念です。理解してしまえば、Vue.jsが使えないプロジェクトでもCSSの影響範囲を限定した安全なコーディングや、コンポーネントの再利用が可能になります。
DI-CODINGは、効率的かつ簡単なコーディングを可能にし、コーダーやデザイナーといったチームメンバー間のコミュニケーションも円滑化します。これによって高品質なWebサイトの制作が実現され、業界全体の発展に寄与すると確信しています。
ICT株式会社について
ICT株式会社はwebインテグレーションを起点に、クラウド技術による業務のデジタル化、その延長線上にあるビジネスの変革を支援する企業です。東京・大阪・兵庫の企業様を中心に、ウェブ・システム・インフラの構築、レンタルサーバ、SES・人材派遣などのサービスを展開しています。また、社会貢献活動として、チャリティー企画へのサーバ無償提供、医療サービスへの寄付、自社開発メソッドの無料公開などを行っています。
【画像:https://kyodonewsprwire.jp/img/202304054616-O7-E730KyVv】
【会社概要】
社名:ICT株式会社
本社所在地:兵庫県姫路市東雲町5-6-2 電交社ビル2階
代表取締役:宇治貴博
事業内容: WEBインテグレーション・クラウドサービス開発・人材支援
設立: 2005年4月6日
HP: http://www.ictinc.co.jp/
藤原紀香の“奇跡的海辺ショット”に「まさに女神」「紀香如来」の声
永野芽郁、街中で“身バレ”寸前 まさかの方法で乗り切り「コントじゃん!」
【阪神】吉田沙保里が始球式でストライク投球「今までで一番良かった」連覇には「最後は気持ち」
【阪神】西純矢、2軍戦で24イニングぶり失点 オリックス4番杉本裕太郎に適時三塁打浴びる
【DeNA】蝦名達夫が自身初の先頭打者アーチで反撃 初球を左翼席へ 前日は4打席連続三振
和田アキ子、不倫報道の古谷徹に「プロらしくない」と苦言「夢を壊す」
【阪神】ノーノー悪夢ちらつく巨人菅野智之の快投 4回まで無安打投球に甲子園ざわつき始める
【日本ハム】初登板初先発の柳川大晟、初勝利ならず 3回3失点降板「初回フォアボール力んだ」
藤井名人と豊島九段、ともに塩バターどら焼き 名人戦午前おやつ
小島よしお、子供たちからまさかのプレゼント「どうするのこれって顔に見えるけど…」ファン笑い
何があった!?「エアコン」が想定外の壊れ具合!投稿者に話を聞いた
TikTokを賑わす「フエラムネごめんなサイダー味」がセブンイレブンで再販!じゅるるマスカットも買うなら今!
小倉優子、不自然な“二重ライン”にネット騒然「やっぱり整形?」
元めちゃイケメンバーの三中元克(32)現在は何をしているのか調べてみた!
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
ユーチューバーもこう氏、元彼女・成海瑠奈について赤裸々告白
ガーシーが綾野剛のLINE公開でネット騒然「ショック」「すごいエンタメ」
吉住、なぜかR-1グランプリの大爆笑ネタが炎上させられてしまう事態に
トミーズ健、父が遺した口座解約で銀行とトラブルも…「真実」にガックリ
藤田ニコル「初めてした日」ゆうちゃみ「体位とかも全部」親に明かしたギャル的「性事情」に騒然
何があった!?「エアコン」が想定外の壊れ具合!投稿者に話を聞いた
岡本夏生(56)、1600日ぶりにブログを更新した現在が衝撃
玉置浩二の妻、青田典子(53)の現在がとんでもない事になっていると話題に
ユーチューバーもこう氏、元彼女・成海瑠奈について赤裸々告白
元めちゃイケメンバーの三中元克(32)現在は何をしているのか調べてみた!
ヒカル、浮気相手とのLINE流出にドン引きの声「キモすぎる」「吐きそう」
TikTokを賑わす「フエラムネごめんなサイダー味」がセブンイレブンで再販!じゅるるマスカットも買うなら今!
ガーシーが綾野剛のLINE公開でネット騒然「ショック」「すごいエンタメ」
小倉優子、不自然な“二重ライン”にネット騒然「やっぱり整形?」
完全にダマされた! 『ラヴィット!』あのちゃん“事故レベル”大暴走は『水ダウ』遠隔操作のしわざだった ネットも納得
藤原紀香の“奇跡的海辺ショット”に「まさに女神」「紀香如来」の声
永野芽郁、街中で“身バレ”寸前 まさかの方法で乗り切り「コントじゃん!」
【阪神】吉田沙保里が始球式でストライク投球「今までで一番良かった」連覇には「最後は気持ち」
【阪神】西純矢、2軍戦で24イニングぶり失点 オリックス4番杉本裕太郎に適時三塁打浴びる
【DeNA】蝦名達夫が自身初の先頭打者アーチで反撃 初球を左翼席へ 前日は4打席連続三振
和田アキ子、不倫報道の古谷徹に「プロらしくない」と苦言「夢を壊す」
【日本ハム】初登板初先発の柳川大晟、初勝利ならず 3回3失点降板「初回フォアボール力んだ」
【阪神】ノーノー悪夢ちらつく巨人菅野智之の快投 4回まで無安打投球に甲子園ざわつき始める
藤井名人と豊島九段、ともに塩バターどら焼き 名人戦午前おやつ
小島よしお、子供たちからまさかのプレゼント「どうするのこれって顔に見えるけど…」ファン笑い