@unacceptablee2 profile picture
Hiroki Oka @unacceptablee2

フロントエンドエンジニア @株式会社ICS

Joined April 2014
  • Tweets 4,578
  • Following 534
  • Followers 502
765 Photos and videos
Pinned Tweet
Hiroki Oka
@unacceptablee2
26 Oct 2025
DIGITAL SPRINGBOARD Vol.3で展示させていただいている作品を現地で見てきました。パブリックな場に自分の作ったものが置かれるとテンションあがりますね⚡️
0:03
2
8
112
5,920
Hiroki Oka retweeted
Processing Community Japan@PCD_Tokyo
19h
📢お知らせ📢 PCJでは、2026年10/24（土）にPCD Tokyo 2026の開催を計画中です🥳 コミュニティの皆さんと素敵なイベントを作っていくために、イベントに関するアンケートをご用意しました。ぜひ皆さんのご意見をお送りください⭐️ 👉️アンケートフォーム docs.google.com/forms/d/e/1F… 回答は6/24（水)まで

一緒に作ろうPCD@Tokyo 2026 | Let's build this together!

<<全7問（所要時間：約５分 ）| 7 questions (Approx. 5 minutes) >> やっほーー！こんにちは！👋 PCD Tokyo 2026 オーガナイザーの Kabe ＆ Kyabe です！よろしくお願いします🤝 PCDは「コミュニティによる、コミュニティのためのイベント」としてみんなで作っていきたいので、まずは企画の第一歩として、みなさんが PCDにどんなことを...

docs.google.com
17
25
3,314
知らない間に最高Duoアルバムでてるやん…！ music.youtube.com/watch?v=pb…

Memorette

John Scofield & Dave Holland

music.youtube.com
76
時のオカリナ…！！！
87
北川潔さん亡くなったんか…
335
Hiroki Oka retweeted
Norihiro Narayama@northprint
Apr 28
昔からFFT みたいなリアルの地形マップを作ってみたいと思っていて、結果としてはだいぶマインクラフト寄りの見た目になってしまいましたが… 日本列島を JIS メッシュごとにボクセル化、雨や雪を降らせたりミニチュア風に撮ったりできます boxel-land-map.narayaman.wor… #threejs

BOXEL // LAND // MAP — 日本のメッシュ × ボクセル地形

JIS 標準メッシュごとに地形をボクセル化して 3D 表示するビジュアライザ。

boxel-land-map.narayaman.workers.dev
3
6
24
1,712
Hiroki Oka retweeted
ICS MEDIA
@icsweb
Mar 26
新着記事のお知らせ CSSのattr()関数が進化！ HTML属性値を参照する新しい使い方 - ICS MEDIA ics.media/entry/260326/

CSSのattr()関数が進化！ HTML属性値を参照する新しい使い方 - ICS MEDIA

HTMLの属性値をCSSから参照できるattr()関数は、これまで::beforeや::afterといった疑似要素のcontentプロパティで使える機能として知られていました。

ics.media
11
71
4,939
最近、お香の良さに気づき、お香のヘビースモーカーになっている
234
Hiroki Oka retweeted
ICS MEDIA
@icsweb
Mar 3
新着記事のお知らせ Web Components × Litが便利! ReactでもVueでも、どこでも使えるコンポーネントを作ろう - ICS MEDIA ics.media/entry/260303/

Web Components × Litが便利! ReactでもVueでも、どこでも使えるコンポーネントを作ろう - ICS MEDIA

Reactで作ったコンポーネントを、Vue.jsのプロジェクトに持っていくには書き直しが必要です。Vue.jsで作ったものをSvelteで使うのも同様で、フレームワークが違えばコンポーネントは動きません。この問題を解決する選択肢のひとつが、Web Componentsウェブ コンポーネンツです。

ics.media
5
12
1,762
今　思い返して印象深いのはこれらかも #私を構成する9つの映画 #9Movies 9movies9.netlify.app/
1
186
実は関東に移り住んだ🏠
4
217
Hiroki Oka retweeted
ICS MEDIA
@icsweb
Feb 19
新着記事のお知らせ PlaywrightではじめるE2Eテスト入門（後編） - ICS MEDIA ics.media/entry/260219/

PlaywrightではじめるE2Eテスト入門（後編） - ICS MEDIA

フロントエンド開発では、UIの挙動を含めてアプリ全体を検証するE2E（End-to-End）テストが重要になっています。しかし、導入や運用の難しさから、実践に踏み出せていない方もいるのではないでしょうか。

ics.media
11
112
6,651
昨日買ったシュークリーム冷蔵庫で冷えてるんだった。ﾔｯﾀｰ
127
Hiroki Oka retweeted
池田 泰延
@clockmaker
Feb 10
弊社、ICSはいま「積極」採用中になっています。 フロントエンドエンジニアを募集していますので、ぜひとも！ 新しめのウェブ技術やUI体験、AIに関心のある方をお待ちしています ics-web.jp/recruit/

株式会社ICS 採用サイト

ICSは事業拡大を計画しており、デザイナー・エンジニアをはじめ、意欲のある方を積極的に採用しています。私たちと一緒に技術習得に励みながら、楽しく仕事をしませんか。

ics-web.jp
4
29
109
24,783
【SVG Filter Maker】 SVGフィルターを「直感的」に作れるWebアプリを作りました！ ノードエディターでフィルターを接続していくだけで作成でき、リアルタイムでフィルター確認できます できたらそのままコピぺで実装へ 共有機能もあるのでデザイナー・実装者間でもやりとりでちゃいます
0:47
1
16
132
13,072
Hiroki Oka retweeted
ICS MEDIA
@icsweb
Jan 30
新着記事のお知らせ スクロール連動UIはCSSだけで作れる！疑似クラス:target-current/before/afterが便利 ics.media/entry/260130/

スクロール連動UIはCSSだけで作れる！ 疑似クラス:target-current/before/afterが便利 - ICS MEDIA

CSSには、スクロール位置が対象コンテンツの「前か」「後か」を判定するのに役立つものがあります。

ics.media
15
149
7,754
Hiroki Oka retweeted
XREAL Japan
@XREALJapan
Jan 28
＼攻殻機動隊 × XREAL／ 電脳体験への招待状を、あなたに。 『攻殻機動隊展 Ghost and the Shell』開催記念✨ 抽選で 展覧会チケット2枚セット（20組）をプレゼント！🎁 ▼応募方法 ① @XREALJapan をフォロー ② この投稿をリポスト 🗓 2026.1.28 – 2.15 #攻殻機動隊展 #XREAL #ghostandtheshell #攻殻機動隊 #ghostintheshell
23
1,543
945
83,948
Hiroki Oka retweeted
ICS MEDIA
@icsweb
Jan 26
新着記事のお知らせ 手軽で高速なフォーマッターBiomeの導入手順 - ICS MEDIA ics.media/entry/260126/

手軽で高速なフォーマッターBiomeの導入手順 - ICS MEDIA

ウェブのフロントエンド開発では、PrettierやESLint、Stylelintなどのツールチェーンが長らくデファクトスタンダードとして採用されてきました。一方で、大規模なプロジェクトでは実行速度の遅さがボトルネックとなることがあります。

ics.media
5
18
2,146
Hiroki Oka retweeted
MPLUSPLUS_official@mplusplus_jpn
Jan 22
このたび、インターン募集を開始いたしました。ものづくりやテクノロジーを使った表現に興味のある方、ぜひご応募ください。 詳細はこちら mplpl.com/news/2026-01-22?in…

MPLUSPLUS Co., Ltd. | Creative Stage & Live Performance Company

MPLUSPLUS specializes in stage direction, live performance, and spatial design. Creating innovative entertainment experiences worldwide.

mplpl.com
6
22
7,364
Hiroki Oka retweeted
ICS MEDIA
@icsweb
Jan 19
新着記事のお知らせ CSSでスタッガーアニメーションがつくれる！　sibling-index() / sibling-count()の活用アイデア - ICS MEDIA ics.media/entry/260116/

CSSでスタッガーアニメーションがつくれる！　sibling-index() / sibling-count()の活用アイデア - ICS MEDIA

sibling-index()関数とsibling-count()関数は、兄弟要素の「並び順」や「総数」を整数として返すCSS関数です。数値として使えるので、calc()関数などと組み合わせられます。具体例としてわかりやすいのが、スタッガーアニメーション（要素が順番に遅れて動くアニメーション）です。

ics.media
9
37
2,214
Hiroki Oka retweeted
GIGAZINE(ギガジン)
@gigazine
Jan 3
プログラミングみたいに音楽を作れる「Strudel」 gigazine.net/news/20260103-s…

プログラミングみたいに音楽を作れる「Strudel」

「Strudel」は無料で使える楽曲コーディングツールで、音の種類や鳴るタイミングを指定しながらプログラミングのように作曲することができます。面白そうなので使ってみました。

gigazine.net
219
1,484
147,012
Load more