【CSS】要素が画面に入ったことをトリガーに動くCSSアニメーション「Scroll Trigger Animation」とは？
はじめに みなさんは、「Scroll Trigger Animation（スクロールトリガーアニメーション）」を知っていますか？ スクロールトリガーアニメーションは、2025年12月12日にCh...
6
2
Comment0
262 search resultsShowing 1~20 results
Stocked
You need to log-in
【Gemini】Google Geminiを超初心者向けに解説するAI勉強会資料
この記事は、社内向けAI勉強会として、GeminiなどのGoogle AIサービス系についてまとめた記事になります。 Geminiについて、社内向けに説明しないといけないとう場面で参考にしてくだ...
2
1
Comment0
Qiita Advent Calendar 完走賞への挑戦から学んだアウトプットのコツ
はじめに みなさんは、Qiita Advent Calendar に「完走賞」という賞があることを知ってますか？ 完走賞は、アドベントカレンダー期間中に Qiitaで25記事以上を投稿すると獲得...
3
1
Comment0
【Claude Code to Figma】generate_figma_designでできること
はじめに みなさんは、Figma MCP の generate_figma_design というツール使ったことがありますか？ generate_figma_designは、この記事で紹介された...
15
6
Comment0
【Figma Make】AIに3Dルービックキューブゲームを作らせてわかったこと
はじめに みなさんは、Figma Makeを使ったことがありますか？ Figma Makeは、プロトタイプを簡単に作れるツールとして、よく使われていると思います。 実は、Figma Makeは、...
1
1
Comment0
Qiita全社員を対象としたAI勉強会を実施しました
はじめに 近年、AIはエンジニアリング・デザイン・ビジネスの領域を問わず、日々の業務を効率化するための重要なスキルとなっています。 業務改善や生産性向上のためにAIを活用する動きが広がる中、Qi...
7
2
Comment0
【CSS】details要素・summary要素を使ったアコーディオンに自然な開閉アニメーションをつける
はじめに みなさんは、<details> 要素と <summary> 要素を使ってアコーディオンを作ることがあると思います。 しかし、開閉にアニメーションを付けようとする...
5
1
Comment0
【自作キーボード】理想の分割キーボードをつくるために設計方針をまとめた話
はじめに 自作キーボードを使い始めてから約1年。 初めて組んだ Killer Whale は、分割キーボードの快適さや、自作ならではの楽しさを改めて実感させてくれました。 こちらの記事では、Ki...
11
3
Comment0
【Figma】Figma Buzz のプラグインは何ができるの？
はじめに みなさんは、Figma Buzz 使っていますか？ 2025年のConfigで発表されたBuzzですが、Qiitaの中では、Qiita ConferenceやQiita Advent ...
3
1
Comment0
Chrome の組み込みAI「Summarizer API」を使ってみた
はじめに みなさんは、Chrome が “ブラウザ内で動く組み込みAI” を標準搭載しはじめていることをご存じでしょうか？ 2025年12月1日現在、Chrome では以下のような AI API...
6
2
Comment0
【CSS】CSSで画像を最適化するimage-set()関数の使い方
はじめに 最近のWebは、デバイスの高解像度化や AVIFやWebPなどのモダン画像形式の普及により、「同じ画像でも、環境に合わせて最適なものを出し分けたい」というニーズが増えてきました。 特に...
4
2
Comment0
【CSS】ニッチだけど知っておきたい、テキストを強調するための擬似要素
はじめに みなさんは、「テキストを強調するための擬似要素」 が意外とたくさんあることをご存知でしょうか？ ユーザーが選択した文字のスタイルを変える ::selection は、有名で使ったことが...
8
1
Comment1
Chrome の組み込みAI「Translator API」を使ってみた
はじめに みなさんは、Chrome が “ブラウザ内で動く組み込みAI” を標準搭載しはじめていることをご存じでしょうか？ 2025年12月1日現在、Chrome では以下のような AI API...
7
2
Comment0
【OBS】時計を配信に表示させる設定方法
はじめに みなさんは、OBSに時計を表示させたいと思ったことはありますか？ OBSでは、ローカルのHTMLファイルを配信画面に表示させることができるため、 HTMLファイルで作成すれば、時計を表...
2
1
Comment0
【ハッカソン】SPAJAM 2025で試したAI駆動ハッカソン！
はじめに 皆さんは、SPAJAM 2025というハッカソンイベントをご存知ですか？ SPAJAM 2025は、Mobile Content Forumが企画・運営しているスマートフォンアプリ開発...
3
1
Comment0
【自作キーボード】Killer Whaleを1年間使ってみて
はじめに みなさんは、自作キーボードを作ったことがありますか？ 僕が初めて組んだ自作キーボードが、この Killer Whaleというキーボードでした。 このキーボードは、いわゆる「分割キーボー...
18
4
Comment0
Claude CodeやCursorを使って、AIがUIデザインを生成することができる「Pencil」が登場！
はじめに みなさんは、Pencil というAIツール使ったことがありますか？ Pencilは、Figma + Layermate みたいなツールで、Pencil上でAIにUIを作らせたり、作成し...
174
141
Comment2
【CSS】CSSだけで関数が書ける @function の使い方
はじめに みなさんは、CSSで関数を定義したいと思ったことはありますか？ 余白のスケールを自動でそろえる関数を作りたい レイヤーに応じたドロップシャドウの値を返す関数を作りたい など 実は、Ch...
4
2
Comment0
【アクセシビリティ】WCAG 2とWCAG 3って何が変わるの？
はじめに みなさんは、WCAG 3.0 って知ってますか？ Webアクセシビリティといえば、WCAG 2 をベースに考えるのが定番だったと思います。 一方で、最近はアプリやPDF、VR/AR、音...
9
2
Comment0
【Figma】Figma Slide のプラグインは何ができるの？
はじめに みなさんは、Figma Slide 使っていますか？ 最近、デザインレビューや社内発表などでも、スライドをFigmaで作る人が増えていると感じます。 私もFigmaの中で完結できる手軽...
3
1
Comment0
262 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles