
Group Creative Director / Creative Engineer @droga5 ← Planner / CopyWriter @電通 - コンサル会社の中にいる理系クリエイティブディレクター。レター✉️ https://xitter.cf/t.co/JaG6EaaGhI
Joined May 2013
- Tweets5.6K
- Following796
- Followers6.9K
- Likes25.4K
葛原健太 / クズケン retweeted
ITエンジニアが本当にキツくなるのはこれからなんだよな…
移行期の今は「仕事がなくなる〜〜」とか言いながらも、AIを使いこなしていれば業務がどんどん進んで、能力も底上げされた感じがあってたのしい
AIを拒否したらその時点でガチで仕事がなくなるので、拒否するという選択肢がない
だんだんと付加価値の源泉がコーディングとAI使いこなし力から
ドメイン知識、マネジメント、営業力、センスなどに移っていくにつれて、辛くなってくる人が増えるはず
コードを書けない人が本格的なソフトウェアを作って世に受け入れられていくのを見て
「あんなのはおもちゃ」「コードが書けない人が作ったものは所詮…」みたいな形で間接的に拒否反応が出たりすると思う
This quoted post is unavailable.
葛原健太 / クズケン retweeted
We've open-sourced Grok Build and have reset usage limits for all users.
Open sourcing Grok Build allows anyone to support making a reliable and robust harness. Check out our code, including the Git repo for the Grok Build CLI.
x.ai/open-source
葛原健太 / クズケン retweeted
GitHubってさ、エンジニアしか内容が分からないと思った?Repo Explainerを使うと非エンジニアでも分かるようになるぞ!
リポスト元はGitHubのリポジトリ(ソースコード、ファイル、設定情報、変更履歴などを一元的に管理・貯蔵する場所)の内容を非エンジニアでも分かるようにしたツールだ。
少し前に投稿した、Awesome Design MD JPのGithubで試してみたぞ!
やり方は簡単で、Repo Explainerを開いたら、GithubのURLを貼るだけ。
そうすると動画のようにリポジトリの内容からどんなものかの説明をしてくれる。
みんなもリポスト元から試してみよう!
📝非エンジニアのための神サイト発見!『Repo Explainer』GitHubのリポジトリをわかりやすい解説記事に変換してくれる
「GitHubのURLだけ投げられても、正直何ができるのかさっぱり分からない」
非エンジニアにとって、コードの羅列は暗号にしか見えない
素晴らしいAIツールが公開されていても、その価値を理解する前にそっとページを閉じてしまう
AIに聞けばある程度理解できるが、”聞き方(プロンプト)”は人によって差があるから理解にも差が出る
この『技術の壁』が、私たちの学びを大きく阻害していた
そんな悩みを一瞬で解決する神ツールを見つけた
『Repo Explainer』だ
なぜこれがすごいのか
使い方は異常なほどシンプル
理解したいGitHubのURLをコピペして投げるだけ
すると、難解なコードの構造をAIが自動で分解し、
・主要なポイント
・具体的に何ができるのか
・なぜそれが重要なのか
を、まるで一本の読みやすい記事のように変換してくれる
画像やアニメーションまで添えてくれる親切さだ
試しに、引用元のGoogleのNotebookLMを自動化できるリポジトリを投げてみた
「NotebookLMは便利だけど、ブラウザからしか使えない」という不満を持つ人へ
このリポジトリがその壁を壊してくれるという事実が、
コードを一行も読まずにスッと理解できた
「NotebookLMをPythonで操れる」
「AIエージェントに任せられる」
「スライドやマインドマップを自動で書き出せる」
そんな隠れた可能性が、記事を読むように頭に入ってくる
しかも、これが無料で使えるというから驚きだ
加えて、”誰か”が一度このサービスでリポジトリを記事化してしまえば、別な人がURLを投げた際、解析済みの記事が即読める。
「コードが読めないから」と最新の技術トレンドを追うのを諦める時代は終わった
まずは気になっていたあのリポジトリのURLを、一度投げてみてほしい
葛原健太 / クズケン retweeted
【Design.md→NotebookLMの実験】
ClaudeDesignはクレジット切れでお預けなので
葛原さん@kuzzken のサイトからmdファイルをお借りして試してみた。
素晴らしい統一感✨
どこの企業さんのデザインか分かりますか???
ヒントはスライドGIFの中に…🤫
【ClaudeDesign→NotebookLMが便利すぎた‼️】
結論:
自分専用のDesign .mdをとりあえず作る!
↓
NotebookLMにつっこむ!!!!
︎
毎回プロンプトでデザイン指示してスライド作ってる人は、これ試してみてほしい
︎
Claude Designで
資料からDesign .mdファイルが簡単に作れるんだけど、マッジで優秀すぎたのでシェア✨
︎
Design .mdっていうのは
自分専用のデザインルール(色・フォント・構成)の仕様書みたいなやつ…だよね?たぶん。
︎
コレを一回作っちゃえば
毎回プロンプトで指示しなくていいからめちゃくちゃ楽。
ただし…
クレジット秒で溶けるから気をつけて😂⚠️
ClaudeCodeで続きやるのがいいらしいけど
スマホからだとClaudeCodeむずいので、代わりにNotebookLMにDesign .md入れてみたら…
︎
【なんじゃこりゃ😳‼️】
︎
デザイン固定の精度がすごいぞ✨✨
ClaudeCodeじゃなくても
スライド作りに普通に使える🙌
Claude Designで Design .mdファイル作る方法は引用元のFUJIさんのnote見て📖↓
︎
1週間分のクレジット使ってでも
最初に作っとく価値ありです✨
←読み込んだセミナー資料たち
Design .mdで作ったスライド→
クレジット足りなくてキーカラーの調整とか途中だけど、かなりの良い線いってるのでは!?
Gemini CanvasでHTMLスライド作る時にも使えるかな🙄
葛原健太 / クズケン retweeted
📝 AIに日本語UIを「正しく」作らせる葛原健太さんのOSSがとっても有益、
これデザイナーもエンジニアもVibe Codingするなら全員知った方がいいレベル。
「awesome-design-md-jp」っていう
日本語対応のDESIGNmd集。
Apple・MUJI・LINE・Mercari・noteなど
日本の有名サービス24社分のデザインルールを収録。
これ何かというと、DESIGNmdをプロジェクトに置くだけでAIが「そのサービスらしいデザイン」を再現してくれる仕組み。
でも今まで欧米サービスしかなくて、日本語UIを作らせるとフォントがおかしい・行間が詰まってる・句読点が崩れるみたいなことが普通に起きてた。
それを解決したのがこのリポジトリです↓🧵
葛原健太 / クズケン retweeted
こちら参考に、ブログサイトのデザイン変えてみた!かなり良くなった🤭
📝 DESIGN.mdの日本版をつくりました
github.com/kzhrknt/awesome-d…
まず、DESIGN.mdは簡単に言うと「AI用のデザインルール集」です。
GoogleのStitchが発表したことで話題になったもので、プロジェクトに置くとAIがそのデザインを再現してくれる、というものです。
ただし、公開されているDESIGN.mdが欧米フォントに最適化されており、もともとのブランドが持っていた美しさが日本語では再現できてないと感じました。
たとえば
- そもそも和文フォントの指定がない
- light-heightの違い(日本語は1.7〜2.0が標準で、欧文の1.4〜1.5とは全然違う)
- letter-spacing/word-spacing の扱い(日本語はletter-spacing 0.04〜0.1emが読みやすい)
など、こういう積み重ねでクオリティが出きらないなと感じたので、日本語対応のDESIGN.mdをつくりました。
VoltAgentの本家の名前を借りて「awesome-design-md-jp」としています。
葛原健太 / クズケン retweeted
わかる。これは嬉しい記事。
>公開されているDESIGN.mdが欧米フォントに最適化されており、もともとのブランドが持っていた美しさが日本語では再現できてないと感じました。
📝 DESIGN.mdの日本版をつくりました
github.com/kzhrknt/awesome-d…
まず、DESIGN.mdは簡単に言うと「AI用のデザインルール集」です。
GoogleのStitchが発表したことで話題になったもので、プロジェクトに置くとAIがそのデザインを再現してくれる、というものです。
ただし、公開されているDESIGN.mdが欧米フォントに最適化されており、もともとのブランドが持っていた美しさが日本語では再現できてないと感じました。
たとえば
- そもそも和文フォントの指定がない
- light-heightの違い(日本語は1.7〜2.0が標準で、欧文の1.4〜1.5とは全然違う)
- letter-spacing/word-spacing の扱い(日本語はletter-spacing 0.04〜0.1emが読みやすい)
など、こういう積み重ねでクオリティが出きらないなと感じたので、日本語対応のDESIGN.mdをつくりました。
VoltAgentの本家の名前を借りて「awesome-design-md-jp」としています。
葛原健太 / クズケン retweeted
awesome-design-md-jp
Google StitchのDESIGN.mdを日本語Webサービス向けにまとめたコレクション。CJKフォントのフォールバックチェーンや、日本語特有の禁則処理など、日本語組版に必要な情報を網羅。AIによるUI生成の精度向上に貢献します。
#awesomedesignmdjp #AI #OSS #GitHub
【AI考察】
■ 概要(1行)
Japanese UI向けにDESIGN.mdファイルを収集・整理するOSSプロジェクト。
■ 特徴・用途(2〜3行)
GoogleのDESIGN.mdフォーマットに基づき、日本語特有のタイポグラフィ要件(CJKフォントのフォールバック、行間、文字間隔、禁則処理等)に対応した情報を提供することで、AIによる高品質な日本語UI生成を支援する。現状のawesome-design-mdではカバーされていない日本のWebサービスのデザインを網羅している点が特徴。
📝 DESIGN.mdの日本版をつくりました
github.com/kzhrknt/awesome-d…
まず、DESIGN.mdは簡単に言うと「AI用のデザインルール集」です。
GoogleのStitchが発表したことで話題になったもので、プロジェクトに置くとAIがそのデザインを再現してくれる、というものです。
ただし、公開されているDESIGN.mdが欧米フォントに最適化されており、もともとのブランドが持っていた美しさが日本語では再現できてないと感じました。
たとえば
- そもそも和文フォントの指定がない
- light-heightの違い(日本語は1.7〜2.0が標準で、欧文の1.4〜1.5とは全然違う)
- letter-spacing/word-spacing の扱い(日本語はletter-spacing 0.04〜0.1emが読みやすい)
など、こういう積み重ねでクオリティが出きらないなと感じたので、日本語対応のDESIGN.mdをつくりました。
VoltAgentの本家の名前を借りて「awesome-design-md-jp」としています。
葛原健太 / クズケン retweeted
これは本当にありがたい。
ほとんどの事はローカライズやカスタマイズ不要だけど、実務で使えるレベルのデザインをポン出ししたいならローカライズは必須。
📝 DESIGN.mdの日本版をつくりました
github.com/kzhrknt/awesome-d…
まず、DESIGN.mdは簡単に言うと「AI用のデザインルール集」です。
GoogleのStitchが発表したことで話題になったもので、プロジェクトに置くとAIがそのデザインを再現してくれる、というものです。
ただし、公開されているDESIGN.mdが欧米フォントに最適化されており、もともとのブランドが持っていた美しさが日本語では再現できてないと感じました。
たとえば
- そもそも和文フォントの指定がない
- light-heightの違い(日本語は1.7〜2.0が標準で、欧文の1.4〜1.5とは全然違う)
- letter-spacing/word-spacing の扱い(日本語はletter-spacing 0.04〜0.1emが読みやすい)
など、こういう積み重ねでクオリティが出きらないなと感じたので、日本語対応のDESIGN.mdをつくりました。
VoltAgentの本家の名前を借りて「awesome-design-md-jp」としています。
葛原健太 / クズケン retweeted
これはぜひ使わせていただきたい✨
📝 DESIGN.mdの日本版をつくりました
github.com/kzhrknt/awesome-d…
まず、DESIGN.mdは簡単に言うと「AI用のデザインルール集」です。
GoogleのStitchが発表したことで話題になったもので、プロジェクトに置くとAIがそのデザインを再現してくれる、というものです。
ただし、公開されているDESIGN.mdが欧米フォントに最適化されており、もともとのブランドが持っていた美しさが日本語では再現できてないと感じました。
たとえば
- そもそも和文フォントの指定がない
- light-heightの違い(日本語は1.7〜2.0が標準で、欧文の1.4〜1.5とは全然違う)
- letter-spacing/word-spacing の扱い(日本語はletter-spacing 0.04〜0.1emが読みやすい)
など、こういう積み重ねでクオリティが出きらないなと感じたので、日本語対応のDESIGN.mdをつくりました。
VoltAgentの本家の名前を借りて「awesome-design-md-jp」としています。
葛原健太 / クズケン retweeted
世の中の人にはクリエイティブディレクターという仕事が何をディレクションするのかは分かりづらい仕事だと思います。僕は兼任する事もありますが、基本的にアートディレクションとは全然違う仕事です。記事の中に出てくるCDのレジェンドの古川裕也さんの「祝・九州」のCMが大好きでした。古川さんは先日のブレーン2月号のデザインシステム特集で寄稿して下さったり、最近電通のNew Schoolsで登壇させて頂いたりと色々とお世話になりっぱなしですが、ぜひ気になった方はご著書の「すべての仕事はクリエイティブディレクションである。」は素晴らしい本なので若いクリエーターだけではなく、すべての仕事特にリーダー層にはおすすめです。
ちなみに、自分の師匠でもある当時ユニクロのクリエイティブディレクターであったタナカノリユキさんは「日本に本当のCDは10人いない」と当時言っていました。今の自分がそうなれているかはわかりませんが、日々努力していきたいと思っています。
葛原健太 / クズケン retweeted
とても良い、とても良い。
私が思う理想のデザイナー像もこんな感じで前提を疑って課題を見つけ出し解決する人。
うちの師匠もまさにこんな感じ。
こんな風に解決できる人になりたい。
葛原健太 / クズケン retweeted
芸大生・美大生必読では。
「前提を疑い、自分なりの仮説を持って、それを伝わる形にすることがクリエイティブ」という、洗練された定義。
三浦梅園の言葉も素敵。折を見て引用しよう…!
葛原健太 / クズケン retweeted
クリエイティブ職や職人性が求められる職種では、マネジメントの権威は「その人が優れたプレイヤーであること」に依存していることが多い。つまり、マネジャーに対する敬意は、「この人の仕事はすごい」「この人に言われるなら納得できる」という実績に基づいている。


























