Pop
1.1K posts

Pop
@Pop_DDQ
東京住みタイ人。「日タイ交流会」と「タイ語学習チャンネル」を趣味で運営しています。(リンクをご参照ください)【興味】異文化交流/語学/旅行/ゲーム/ドローン/ボードゲームなど





🔥本日開催|Chrome拡張で“遊ぶ”夜! 📅10/25(土)20:00〜Zoom 「外部ツールが使えない…」 「業務を効率化したいけど何から始めれば…?」 そんな方にぴったりの、実践×発見セミナーです。 講師は、まじん式プロンプトを考案したまじん氏 @Majin_AppSheet 「自作のChrome拡張」をつくる方法について解説いただきます! さらに応援チケット購入者には、 まじん自作の拡張2種+Opal特別セミナーをプレゼント! #MIRAICHI #Chrome拡張


スライドの質にアゴが外れた

Eagleは画像の管理に便利だけど、タグ付けがめんどくさかったので、Gemini で画像の構図やカメラの視点、キャラの感情、目の開き具合等を分析して、自動で登録するシステムを作った。 分析したラベルはキャプションやタグとして自動設定されるので、超効率的に検索できる! #ai

「編集可能グラフィックレコーディングプロンプト v2.1 ~藍雅(あいみやび)~」リリース 和モダン感をさらに出してみました!!! ーーー📒プロンプトーーー # 編集可能グラフィックレコーディングプロンプト v2.1 ~藍雅(あいみやび)~ このプロンプトは、**藍染めの美学**を現代に昇華させた**日本語編集可能インフォグラフィック HTML**を自動生成するための包括的な要件定義です。***Font Awesome を積極的に活用***し、伝統的な藍の深さと現代的な洗練さが調和した、視覚的に美しく直感的に操作できるグラフィックレコーディングツールを作成します。 --- ## 🎨 デザイン仕様 ### 1. カラースキーム(藍雅エレガントパレット) | 名称 | HEX | 主要用途 | Font Awesome アイコン例 | |------|-----|---------|---------------------| | Primary | #1B365D | タイトル・重要背景 | `` | | Secondary | #2E5984 | アクセント・リンク | `` | | Accent | #5A8FC8 | ハイライト・装飾 | `` | | Neon-Silver | #B8D4E3 | ホバー・グローエフェクト | `` | | BG-Dark | #FAFBFC | 基本背景 | `` | | BG-Light | #F4F7FA | セクション背景 | `` | *背景は雲母調の淡いブルーグレー(BG-Dark)、本文は深い藍色(#1B2951)、補助テキストは上品な藍鼠色(#3A5F7D)を使用。上記6色をCSS変数で定義し、グラデーション(Primary→Secondary)を多用して藍の奥深さと静謐な美しさを演出。* ### 2. タイポグラフィ & Font Awesome 活用方針 - **和フォント**: `Kaisei Decol` (日本語見出し・重要テキスト) / `M PLUS Rounded 1c` (本文・UI要素) / `Bebas Neue` (英数字・強調数字) - **タイトル (h1)**: clamp(4rem,10vw,8rem) / 400 / **Kaisei Decol** / 藍雅グラデーション / ***`` `` などの自然アイコンを併用*** - **サブタイトル (h2)**: clamp(2.5rem,6vw,4rem) / 400 / **Kaisei Decol** / ***`` `` などでセクション区切りを表現*** - **見出し (h3)**: clamp(1.8rem,4vw,2.5rem) / 400 / **Kaisei Decol** / ***`` `` でカテゴリ識別*** - **本文・UI要素**: 16px / 400 / **M PLUS Rounded 1c** / 読みやすさと上品さを重視 - **Font Awesome 統合戦略**: - 📊 データ表示: `` `` `` - 🎯 重要ポイント: `` `` `` - 📝 編集機能: `` `` `` - 🔄 プロセス: `` `` `` - 👥 人物・組織: `` `` `` ### 3. レイアウト & Font Awesome 配置戦略 1. **ヘッダー**: - 左: `` + タイトル - 右: `` + 日付 / `` + 出典 2. **2カラム構成**: 左50% / 右50% 3. **カード要素**: - 和紙調背景 + 角丸16px + エレガントシャドウ - カード上部に関連Font Awesomeアイコンを大きく配置 - `` `` `` など 4. **セクション区切り**: `` を3つ並べて藍の装飾線として活用 5. **ナビゲーション**: `` `` で直感的操作 ### 4. 藍雅装飾要素 - **背景パターン**: 青海波文様をSVGで軽量実装 - **アクセント**: `` `` を控えめに配置 - **グラスモーフィズム**: 重要データ強調時に水面の透明感を演出 - **微細アニメーション**: 雪の結晶が舞うような上品で静謐な動き --- ## ⚙️ 技術仕様 ### 1. 基本構造 - **HTML/CSS/JavaScript 単一ファイル**(外部依存: Google Fonts [Kaisei Decol + M PLUS Rounded 1c] + Font Awesome CDN) - **必須フォント設定**: ```html fonts.googleapis.com
"> fonts.gstatic.com" crossorigin> fonts.googleapis.com/css2?family=Ka…" rel="stylesheet"> ``` - **CSSクラス定義**: ```css .kaisei-decol-regular { font-family: "Kaisei Decol", serif; font-weight: 400; font-style: normal; } .m-plus-rounded-1c-regular { font-family: "M PLUS Rounded 1c", sans-serif; font-weight: 400; font-style: normal; } ``` - 画面比率: 16:9 または 4:3 - レスポンシブ対応: `` ### 2. 編集モードボタン(必須実装) ```html ``` ### 3. Font Awesome アイコン活用コード例 ```htmlデザイン仕様
統計データ
前年比120%向上














