Chrome拡張機能
-
概要:シンプルなデザイン比較ツール。デザインカンプをWebページに重ねて表示し、実装の精度を手軽に確認できます。目的:デザインカンプと実装の精度確認作業の効率化
インストールしてお試しください使用:Chrome Webストアからインストールしてお試しください説明:GitHubをご覧ください技術:Chrome Extension Manifest V3、ファイル操作API -
概要:選択したテキストに背景色をつけます。
選択したテキストが他にもあればそのテキストにも背景色がつきます。
※実証用のため最低限の機能しかありません目的:Chrome拡張機能からのコンテキスト操作の実証
インストールしてお試しください使用:Chrome Webストアからインストールしてお試しください説明:こちらをご覧ください技術:service workerによるコンテクストメニュー操作
content scriptによるDOM操作
service workerとcontent script間の通信
その他
-
概要:フレームワークなどを使用せずに作成したポートフォリオサイト技術:HTML5/CSS3(SCSS)、バニラJavaScript、レスポンシブデザイン