ENGINEER BLOGS PICK UP 雑記 爆速デザイン革命：Figma Make × Gemini で…… わら公開日:2026/02/27 デザイン制作において、「0から1を作る作業」に時間を取られすぎていませんか？ 今回は、FigmaのAI機能「Figma Make」と「Gemini」を組み合わせることで、サイト制作の生産性を劇的に向上させた実証データとそ […] Laravel $loopという変数について #Laravel イブリン更新日:2026/03/03 AIってすごいところまで来ましたね。プライベートでは画像生成とかちょっとしたプログラム作りでかなり世話になっていますが、仕事中もレビューや複雑なロジックのリファクタリングでAIを使用したりしています。 その中で、意外にも […] アプリ＆拡張機能 「名前も知らずに使ってた」便利機能。Webマケ時代の記憶をA…… うどん公開日:2026/02/26 続けましてうどんです。 「あ、これ便利だな」と思って何気なく使っていたブラウザの機能。実はそれ、「ブックマークレット」という立派な名前があったんです。 今回は、前職のWebマーケティング部時代の「これ便利だったな」という […] UIデザイン Figma×MCPでデザインをコード化！無料枠の制限に挑んだ…… うどん公開日:2026/02/25 こんにちは、うどんです。 「Figmaのデザインを、AI（MCP）を使ってそのままコードにしたい！」 そう思い立ったのが運の尽き（？）。 いつの間にかリモートMCPであればフリープランでも利用することができるんじゃ！と思 […] 雑記 スライド作成が超効率化⁉ 最新AIツール12選を一気見！ #AI活用 うどん公開日:2025/10/31 いろいろなAI化で取り巻く環境が目まぐるしく変化しているうどんです。 目がぐるぐるまわりそうです。 最近いろいろなものがAI化されているので、（そこまで重要でもない）ちょっとした資料を作るときに、せっかくならツール差でど […] 雑記 無料のAIを利用してツールの作成ができるのか調べてみました。 #AI活用 きーぼう公開日:2025/10/31 こんにちは、きーぼうです。 日々の業務でAI、特にGeminiを活用しているのですが、毎回同じようなプロムプトを入力するのが少し手間に感じていました。 定型的な作業はAIで効率化できても、「ちょっとだけ条件を変えたい」と […] Read(読む) Learn(学ぶ) 月を選択> 2026年2月 (4) 2025年10月 (2) 2025年6月 (1) 2025年2月 (6) 2024年10月 (5) 2024年6月 (6) 2024年2月 (6) 2023年12月 (1) 2023年10月 (9) 2023年6月 (6) 2023年2月 (4) 2022年11月 (1) 2022年10月 (8) 2022年6月 (7) 2022年3月 (1) 2022年2月 (5) 2021年11月 (1) 2021年10月 (8) 2021年8月 (3) 2021年7月 (1) 2021年6月 (13) 2021年5月 (5) 2021年4月 (1) 2021年3月 (2) 2021年2月 (7) 2020年11月 (12) 2020年10月 (4) 2020年9月 (3) 2019年11月 (1) 2019年7月 (1) 2019年5月 (2) 2019年2月 (2) 2019年1月 (2) 2018年4月 (1) 2017年10月 (2) 2017年9月 (1) 2017年8月 (1) 2017年7月 (1) 2017年6月 (3) 2017年5月 (2) 2017年4月 (1) 2017年2月 (2) 2016年12月 (1) 2016年10月 (5) 2016年8月 (4) 2016年7月 (6) 2016年6月 (9) 2016年4月 (2) 2016年3月 (1) 2016年2月 (8) 2016年1月 (3) 2015年12月 (2) 2015年11月 (5) 2015年10月 (4) 2015年9月 (4) 2015年8月 (4) 2015年7月 (4) 2015年6月 (8) Chrome拡張機能 情報デバイス MySQL PHP HTML やってみよう CSS WebGL 3D blender React SQL three.js ALL(すべて) プログラミング言語 Web/DTP アプリ＆拡張機能 雑記 環境紹介 データベース サーバー関連 データベース Windows 電子工作 「カテゴリー: HTML/CSS」の記事一覧 HTML/CSS HTMXためしてみた うどん 公開日:2025/02/28 今トレンドのHTMXをLaravelとBootstrapと組み合わせて触ってみました。実際にどんなコードを書いたかもご紹介。ちょっと気になるかも、といった方はぜひお試しください。 HTML/CSS CSSの擬似クラス、:not()の地味な落とし穴にハマった話 うどん 公開日:2021/08/11 CSSの擬似クラス「:not()」の使い方について、予想していなかった落とし穴ハマってしまった際の備忘録です。同じミスをしないよう、HTML＆CSSを扱うWebデザイナーやシステムエンジニアの方はご覧ください。 HTML/CSS CSSの最新事情を調べてみた はち 更新日:2021/08/12 CSSの最新事情 CSSは今年で20周年！ しかし激動の10年を迎えるだろう Flexbox、Grid、CSS in JSなどの概念が恐らく流行する CSSの最新事情は中々追いにくい、特にCSSはあまり意識がいかない 最 […] HTML/CSS 【HTML】JavascriptとCSSを読み込む順番 ヤス 更新日:2021/08/05 こんにちわ！ヤスです。 HTMLを書いていて、こんな感じで↓外部ソースのJavascriptやCSSを読み込むことがあると思います。 XHTML ＜script src="xxxx.js" /＞ ＜link rel="xxxx.css" /＞ 12 ＜script src="xxxx.js" /＞＜link rel="xxxx.css" /＞ ふと、いつも適当に記 […] HTML/CSS FIELDSETタグとLEGENDタグについて #フォーム えだ 更新日:2021/08/05 今日はシンプルにHTMLタグの話です。 FIELDSETおよびLEGENDタグというのがあるのですが、みなさん利用さてているでしょうか。 フォームの構成部品をグルーピング定義するのに使うものです。 タグの使い方 [cra […]
