CSSのlinear()でUIが軽快になる! スプリングアニメーション活用術13選

dialogタグで面倒が減る！ 見直したいハンバーガーメニューの作り方

CSSのoffsetプロパティで、楽しいパスアニメーションを作ろう

ウェブのアニメーションを「いい感じ」に魅せる手法

連続性のある画面遷移アニメーションを実現するウェブの新技術

detailsとsummaryタグで作るアコーディオンUI

JavaScriptで実現するFLIPアニメーションの原理と基礎

メニューUIの誤操作を減らせ！ CSSで作るヒットエリア「セーフ・トライアングル」

リンク/ボタン/フォームをより良くするHTML・CSS 17選

HTMLコーダーがおさえるべきinputタグの書き方まとめ

HTMLでモーダルUIを作るときに気をつけたいこと

Speculation Rules APIでウェブサイトのページ遷移を速くする - クリック前にプリレンダリングする実装手法

HTMLで画像読込を高速化するために取り組んでいること

次世代画像形式のWebP、そしてAVIFへ

APNGやWebPへ変換できる「アニメ画像に変換する君」を開発

Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ

ReactとMotionでつくる! “少し”こだわったマイクロインタラクション集

React今昔物語

Vue.jsでやりがちな「サイレント・ミス」

ReactとZodで作る堅牢なフォームバリデーション

ESLintを「入れただけ」で終わらせない — 適切なルールの選び方と実行タイミング

HTMLのセマンティクスを意識して、壊れにくいテストコードを書こう

JavaScriptのユニットテストを始めよう

Viteで始めるモダンで高速な開発環境構築

JavaScriptの命名テクニック

Storybookとは？ UIコンポーネントを効率よく開発・確認するウェブのツール

PlaywrightではじめるE2Eテスト入門（前編）

CSSのコード品質向上のためのStylelint入門

WordPressをやめ静的サイトジェネレーターで高速化した話

Flash作品を残すために取り組んだこと

AIがChromeを自分で見る時代へ。Chrome DevTools for agents入門

Mastra入門 - TypeScriptで作るAIエージェント

WebGPU・WebGLとは? ブラウザで動く3D作例を体験しよう

JSライブラリGSAPを使ったタイムリマップ表現

JSで作成するサウンドビジュアライザー

Three.js ゲーム演出に役立つマグマ表現

Three.js(WebGPU)で実現するStable Fluids - 2Dの流体シミュレーション

CEDEC2018発表資料

Lottieのアニメーションを手描き風に動かしたい！ SVGとWebGLを使った2つのアプローチ

Google製JavaScriptライブラリLiquidFunを使った物理演算

WebGPUがついに利用可能に。WebGL以上の高速な描画と、計算処理への可能性

WebGPU対応のThree.jsのはじめ方

オフスクリーンキャンバスを使った JavaScriptのマルチスレッド描画

GPGPUを体験しよう！ WebGPUのコンピュートシェーダー入門

Contact

INTERACTION DESIGN
& TECHNOLOGY

ウェブサイトの価値を
最大化するフロントエンド技術を。

ICSはインタラクティブコンテンツの制作を
得意とするウェブ制作会社です。

ABOUT ICS

ICSは東京都港区にあるウェブ制作会社です。
フロントエンド技術に特化し、ハイパフォーマンスで表現豊かなウェブサイトの制作に取り組んでいます。
シングルページアプリケーションや3Dコンテンツの開発を得意としています。

CREATION VALUES

得意領域と特徴

HTMLコーディング デザインに正確で、よりよいUI体験を実現する

POINT 01

UXを意識したインタラクション

ウェブサイトのユーザー体験を向上させるため、ICSではインタラクションの実装を重視しています。ウェブサイトにインタラクションがあることで、没入感が増し、操作性が向上します。 スクロール演出、画面遷移演出などインパクトのある表現も制作可能です。

関連記事を表示 関連記事を閉じる
POINT 02

ユーザビリティーと アクセシビリティーの追求

ウェブサイトが使いにくい･･･という原因はHTMLの作りに依存することが多いです。 ICSではユーザビリティーを意識したHTMLコーディングを行います。 アクセシビリティーにも力も入れており、スクリーンリーダーやキーボード操作の検証も行っています。

POINT 03

読み込みの素早いウェブサイトに

ウェブページの表示までの待ち時間はユーザーへのストレスとなります。 ICSで制作するウェブコンテンツは容量的にも作法的にも最適な作り方を追求しています。画像の作り方はもちろん、ファイル最適化など妥協することはありません。Lighthouse等のベンチマークにおいても、常にフルスコアを実現しています。

POINT 04

デザインを忠実に再現する HTML制作

HTMLコーディングは誰が作っても同じではありません。ウェブ制作では、デザイン制作とHTMLコーディングは分業となっていることが多いです。 ICSではデザインに対してズレのない正確なコーディングと、検証を行います。

フロントエンド開発 快適な操作性を実現する最先端の技術

POINT 01

ハイパフォーマンスなSPAを

SPA（シングル・ページ・アプリケーション）の魅力のひとつは、サクサクな画面操作体験を提供できることです。 ICSではさまざまなJavaScriptライブラリ・フレームワークに精通しています。とくにReactやVue.jsを得意とし、ベストプラクティスに則った最高品質のウェブアプリケーションを提供できます。

POINT 02

ベストプラクティスを追求した開発

フロントエンドの技術は移り変わりが激しいと言われてきました。トレンドの技術が時代で変化するため、根拠のある技術選定は欠かせません。 ICSではトレンドの技術を使いつつ、作法に対して正しく実装し、改修に強い堅牢な設計を行います。開発体験がより良くなる技術選定も得意とします。

関連記事を表示 関連記事を閉じる
POINT 03

Jamstackの開発

Jamstackを採用すれば、SEO・OGPの情報を損なうことなく、SPAとしてのウェブサイトの構築が可能です。自社サイトはすべてJamstackで構成しており、その利点を熟知しています。お客様のニーズに適する場合にはJamstackを提案できます。

POINT 04

AIフレンドリーな開発

AIは日々進化し、フロントエンド開発の在り方を大きく変えています。 AIは導入するだけではその真価を発揮できません。AIが解釈可能な設計書や、ガードレールとしての開発環境を整備することで、人間と同じルールにそった開発が可能になります。ICSでは新しいAIを積極的に導入するだけでなく、「楽しく使いこなそう！」というカルチャーがあります。AI導入の支援もお任せください。

クリエイティブコーディング ウェブサイトに魅力的な表現を加える技術

POINT 01

表現系コンテンツの制作

ウェブの表現系コンテンツの制作は、フロントエンド開発とは異なる技術ともいえます。 ICSでは2000年代のFlash時代から表現系コンテンツの制作を得意としてきました。現在ではWebGPU・WebGLやHTML Canvas、SVGを駆使した表現の制作を行います。これらの技術はデータビジュアライゼーションや3D、サイネージなどの分野で利用できます。

関連記事を表示 関連記事を閉じる
POINT 02

WebGPU・WebGLの最適化

WebGPU・WebGLはGPU（グラフィックス・プロセッシング・ユニット）を使うことでHTMLやCSSだけでは実現できないような高度な3D表現を作ることができます。その一方、使い方をあやまるとコンテンツの実行負荷が増大し、期待通りに再生できないといった課題を生むことがあります。ICSではWebGPU・WebGLのスペシャリストが分析することで、なめらかな描画最適化に取り組みます。

SHOWCASE

事例紹介

クライアントワーク

ICSではフロントエンド技術を専門に、難易度の高いウェブ制作に取り組んでいます。シングルページアプリケーションやJamstack、ブラウザゲームなど様々なウェブ制作案件の制作を担当しています。いずれの案件でも品質に強いこだわりを持っており、HTMLコーディングであればアクセシビリティやセマンティックスを意識したり、3D表現ではエモーショナルな表現を求めたり、性能面重視のSPA開発ではパフォーマンスチューニングを徹底します。

自社プロジェクト

月間30万ページビューをもつオウンドメディア「ICS MEDIA」をはじめ、データビジュアライゼーションや画像変換アプリ、文章校正ツールをリリースしています。ICS MEDIAは自社のスタッフが記事を書いています。業界貢献へのマインドで、「ウェブ制作がよりよいもの」になるよう、情報発信に取り組んでいます。

書籍

技術情報を発信する活動として、解説書として書籍化しています。とくに『JavaScriptコードレシピ集』は第6刷となり韓国でも翻訳出版されました。

セミナー

カンファレンスや勉強会への登壇や、企業研修を行っています。ICSはウェブのフロントエンド技術の専門集団ですが、その技術を必要とする場所で積極的にレクチャーしています。

詳細はこちら

COMPANY

会社情報

商号

株式会社 ICS（英語表記：ICS INC.）

設立

2012年5月10日

役員

代表取締役 池田泰延

所在地

〒106-0031

東京都 港区 西麻布1-15-4

Grado Nishiazabu #202

※同番地内に別の建物があるため、郵送の際は建物名を記載するようお願いします。

事業内容

ウェブサイトの企画、設計、開発、運営

アプリケーションソフトの企画、開発、販売

デスクトップ・モバイル向けソフトウェアの企画、開発

インタラクティブコンテンツに関するコンサルティング業務

雑誌、書籍、電子書籍の執筆

取引銀行

三菱UFJ銀行 五反田支店

お問い合わせ

各種相談は「問い合わせ」ページをご覧ください。