2025年末、さぁ完璧を目指さずに生成AIと付き合おうか
前置き 本記事は、生成 AI プロダクト開発の話ではなく、日々の業務で生産性や効率をどう上げているか という視点に絞っています。 以下に私の業務概要を書いたので、その前提を踏まえて読んでいただけ...
21
1
Comment0
29 search resultsShowing 1~20 results
Stocked
You need to log-in
とりあえずClaude Code流行りに飛び込んでみる
この記事は走り書きになります。見づらかったらすみません 私は、Claude Max($100/月)プランかつWindsurf Editor上での利用になります。 Claude Codeとは 自律...
6
4
Comment2
【個人開発】お店の混雑度を取得しようとしたら挫折した話
本記事は私の主観や推測を多分に含むのでご注意ください。 少し強がると正直まだ挫折はしていません。いや折れても立ち直ったので挫折ではないです笑 背景 そもそもなぜ「お店の混雑度を取得しようとした」...
41
1
Comment0
「プログラムを読む技術」を読んで、TypeScriptで実践する
書籍「書くスキルも設計スキルも飛躍的に上がる！プログラムを読む技術」について 社内で有識者の方がオススメされていたので、プログラム未熟者の自分も読もうと思い、すぐKindleで購入しました。 全...
0
0
Comment0
【2024年度版】アクセシビリティ・デジタル・Web・AI・UX・IT 資格まとめ
資格を受ける意義 本記事に掲載した資格は、所持せずとも働けるような分野の資格が多いと思います。 しかし、その分野の学びのモチベにしたり・見聞を広げる・将来への投資という意味では、資格はとても有用...
71
10
Comment2
2024年のQiitaアドベントカレンダーを振り返ってみる
こんにちは、Sakuです！ 本記事は2024年アドベントカレンダー最終日の記事となります。 最終日であれば感想文でも許されるだろうということで、今回のアドベントカレンダーを簡単に振り返ってみよう...
48
1
Comment0
【8つのコード例付き】使いながら学ぶCSS変数入門
「CSS変数とはなんぞや」という疑問を持ったことはありませんか？ CSSの機能として追加されてから一定の時間が過ぎていますが、個人的にSassなどプリプロセッサーを使うケースの方が多く、そこまで...
51
2
Comment0
【保存版】Web入力フォームについて
なぜこの記事を書くのか 入力フォームはSaasを入れたり、ライブラリを入れたり、フルスクラッチで書いたりさまざまな実装方法があります。 今回は、基本的な実装方法について知っていればいつでも応用が...
41
6
Comment0
【TailwindCSS】ユーティリティファーストが意味するのは何か
TailwindCSSとは TailwindCSSは、ユーティリティファーストの考え方を基本とした現代的なCSSフレームワークです。従来のBootstrapなどのフレームワークが事前定義されたコ...
36
4
Comment0
【モダンCSS】コンテナクエリって結局何か？
コンテナクエリとは CSSの新機能で、親要素（コンテナ）のサイズに基づいてスタイルを変更できる機能で、従来のメディアクエリ（@media）が画面幅に応じてスタイルを変更するのに対し、コンテナクエ...
38
4
Comment0
【HTML】table要素の基本
HTMLを学び始めてまもなかったり、意外に柔軟性を効かせづらかったり、とこのtable要素を使ったレイアウトは何気に難しいです。 Excelで作成するような簡素な表であれば、簡単に実現でき重宝す...
36
5
Comment0
【困ったら立ち返りたい】Webアニメーションの実装方法まとめ
Webアニメーションとは スターバックスの採用サイトTOPページから引用。画質荒くてすみません Webアニメーションとは、Webサイトやアプリケーション上で要素を動的に表現する技術です。ボタンの...
39
2
Comment0
【UI/UX】自動再生スライドショーに再停止ボタンを付与する理由
自動再生スライドショーとは 自動再生のスライドショーは、Webサイトやアプリケーションで使用される機能です。複数の画像や動画などのコンテンツを一定に時間間隔で自動的に切り替えて表示します。 主な...
46
1
Comment0
【入力フォーム】CSSの「:user-invalid」がかなり便利だった
つい先日CSSのとあるイベントで取り上げられたらしく、Xを眺めていたら:user-invalidという文字が割と大量発生してたので気になり調べてみました。私個人としては、みたことある気がするけど...
68
17
Comment0
【コード例付き】ReactとFramer Motionで簡単に作る！アニメーション付きインフォグラフィックUI
みなさんこんにちは、Sakuです。 今回は、ReactとFramer Motionを使用して簡単に 「アニメーション付きのインフォグラフィックUI」を作成していこうと思います。 今回作るものをチ...
43
3
Comment0
【人類の叡智】地図アプリ作成に役立つAPI・ライブラリまとめ
どうもGoogle Mapを見るのが趣味のSakuです！ 毎日地図を見てるおかげで行ったことない場所の土地勘も養われまくりました笑 さてみなさんは地図アプリを作りたいと思ったことはないですか？ ...
73
15
Comment0
【簡素な表付き】久しぶりにFavicon設定をするとよく分からなくなったので、調べる
みなさんはFaviconについてしっかり説明できますか？サイトやアプリにおいておまけ程度の認識でいないですか？（昨日までの私...） 業務においても、個人開発においても、そう何度も作成・設定する...
46
1
Comment0
【2024年最新版】フロントエンド開発を加速できるCSSフレームワーク・ツールまとめ
「CSSなんて大嫌いだぁ〜！」「スタイリングこそプロダクトに命を吹き込む行為だよ」 この記事を今読んでいるあなたはどちらのタイプでしょうか？ フロントエンド開発において、CSSは常に議論の的とな...
131
44
Comment0
【完全ガイド】CSS結合子について〜TailwindCSSでの活用も添えて〜
はじめに モダンなWebフロントエンド開発において、CSSのスタイル管理は重要な課題の一つです。特にスタイルの衝突や誤作動を防ぐ為、スタイル適用範囲の管理にはいくつかのアプローチがあります。「C...
65
1
Comment1
人の視線移動から考える、ボタン内のアイコンは左右どちらに配置すべきか
皆さんはボタンのUIを作成する時、少し戸惑ったことはありませんか？ 「戸惑ったことない」という声が非常に聞こえてきそうです...笑 もし作るのがテキストだけのボタンなら、スムーズに作成できるかも...
69
9
Comment0
29 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