Claude Designでポートフォリオサイトをリデザインしてみた: エンジニアが1時間程度で和モダン化 - Qiita
重要なのは 見出しの右肩に all optional と書かれていること。どれか1つだけ渡しても抽出は立ち上がるので、手元にある素材に合わせて入り方を選べる設計になっています。想定されていそうなパターンを並べるとこんな感じ エンジニア: GitHub URL を貼るだけ（この記事のパターン） Privateリポジトリを持っている人や、モノレポから特定サブディレクトリだけ切り出して渡したい人: ローカルフォルダをドラッグ&ドロップ デザイナー: .fig ファイルをそのまま渡す。Figmaから移行したいときの標準ルート ブランドアセットだけ持っているチーム: フォント・ロゴ・画像を渡す コードもデザインファイルも無い段階: Any other notes? にブランドの方向性を文章で渡す この記事はエンジニアが既存コードからリデザインする実験なので GitHub URL を使っていますが、C
【CSS】backdrop-filterを使って背景をぼかす - YUTSUZO.COM
backdrop-filterは、要素の背後の領域に「ぼかし」などの効果を加えることができるプロパティで、2024年に全てのブラウザで使用が可能になった比較的新しいプロパティです。 CSS のぼかしというと、一昔前まではfilterプロパティのblur()を使う方法が主流でしたが、filterプロパティを使用する方法では要素の中身までぼやけてしまうため、背景のみをぼかすためには疑似要素を追加したりと少し複雑な手法が必要でした。 この記事では、backdrop-filterによるぼかしの方法と、ぼかしを使用したいくつかのアイデアを紹介します。 backdrop-filter によるぼかしの方法 例えば、以下のようなページがあったとします。bodyに背景画像が指定してあり、その中に画面いっぱいに広げたh1が一つだけのシンプルなページです。 See the Pen backdrop-filter
「生産性高いのは在宅勤務」 オフィス回帰求める経営者につき付けられた新研究
この記事の3つのポイント 米国の大企業が続々とオフィス勤務に回帰 従業員の多くには在宅勤務のメリット大 事業不振の原因を在宅勤務に帰すべからず 米コーヒーチェーン大手のスターバックスは最近、スタッフにオフィス勤務を求める要件を強化した大手企業の一つだ。同社のブライアン・ニコル最高経営責任者（CEO）は7月、従業員に対してオフィス勤務を週3日から4日に増やすよう指示した。 同氏は英フィナンシャル・タイムズ（FT）に対し、「事業の立て直しに取り組む中、すべての関係者に多大な負担をかけていることは承知している」と述べた。 今年は多くのCEOらが、オフィス勤務にまつわるルールを強化する傾向が強まっている。新型コロナウイルスのパンデミック（世界的大流行）を契機に、企業がリモートワークを試し始めてから5年がたった。今、米JPモルガン・チェースのジェイミー・ダイモン氏や米アマゾン・ドット・コムのアンディ
家を建てたら、会社が変わった。夫婦でLINEヤフーを辞めました。｜カク
「オンラインに引っ越します」。 2020年7月、新型コロナウイルスが猛威を振るうなか、ヤフー株式会社（当時）が発表した新方針です。 北は北海道から南は沖縄まで、社員は全国どこからでも働けるようになりました。 あれから数年。LINEとの合併を経て、社名も経営陣の顔ぶれも変わりましたが、リモートワーク中心の働き方は続いていました。 私たち夫婦もすっかりその生活に慣れ、リモートワークのしやすさにこだわった家を郊外に建てることにしたのですが……。 新卒入社から10年以上ヤフー（LINEヤフー）で働いた私たち夫婦が、どうして会社を辞めることにしたのか。 そして、これからの働き方と暮らし方について、どう考えているのか。 この記事が、同じように悩んでいる誰かのヒントになればうれしいです。 Yahoo! JAPANのFacebook投稿（2020年7月16日）より。同一の内容で新聞広告も出稿された。「この
Googleがデザイナーを削減した本当の理由──AI時代のデザイン組織をどう再設計するか｜アオキタカユキ｜UIで思考のズレを言語化
先日、Googleが100人以上のデザイン関連職（UX、クラウドリサーチ、プラットフォーム体験設計など）を削減したというニュースが報じられました。 一部チームではクラウド関連デザイナーの半数が削減されるなど、象徴的な動きとなっています。 https://economictimes.indiatimes.com/tech/technology/google-layoffs-over-100-design-roles-cut-as-company-shifts-focus-to-ai-and-cost-cutting/articleshow/124268854.cms 対象は主にアメリカ拠点で、12月初旬までに社内で異動先を見つければ在籍可能とされています。 つまり「即時解雇」ではなく、“再配置”の意味合いが強いリストラです。 背景には、Google全体でのAI関連事業への集中とコスト最適化の
Figmaで図形やテキストのべた塗りとグラデーションの使用方法 | wentz-design.com
Figmaで図形やテキストなどのオブジェクトにベタ塗りや様々な種類のグラデーションを適用する方法を紹介します。 この記事のターゲットFigmaの初心者 テキストや図形にベタ塗りやグラデーションを適用する方法を知りたい方 Figmaで使用できるグラデーションの種類が知りたい方 テキストや図形にベタ塗りを適用する方法 ベタ塗りを追加・編集したいオブジェクトを選択 右プロパティの「Fill」の「＋」でレイヤーを追加 追加したレイヤーの左端の□をクリックし、カラーパレットを表示 カラーパレットから色を追加したり、選択した色を変更できる ちなみに、Figmaで使用できるカラーモデル・色空間は以下になります。印刷物などで利用されるCMYKはサポートされていません。 Hex - Webで一般的な16進数のカラーコードです。（例：#E5E5E5） RGB - Hexとほぼ同じですが、RGBを個別に10進数
埼玉県の進学校Mapその2（南部・東部） ｜朝森久弥（朝森教育データバンク）
Map（南部・東部）【南部・東部のMapのうち、さいたま市周辺を拡大したもの】 ※西部・北部の進学校Mapは「埼玉県の進学校Mapその1」の記事に掲載。 ※地図は『MANDARA』で作成。 ※赤字は公立進学校、青字は国立・私立進学校。♂を付けた学校は男子校。下線を引いた学校は、中高一貫教育を行っていることを示す。 都内か、それともさいたま市内か埼玉県全体では、県民の約1割の生徒が県外の高校に進学する。南部・東部はその割合がとくに高く、その多くは東京都の私立高校を志向する。これは、隣接する東京都に多数の私立進学校があることが影響しているが、埼玉県南部・東部の10%erが軒並み東京都に流出しているかと言えば、そうではない。県庁所在地であるさいたま市内には、さまざまな個性を持った進学校が林立する。さいたま市内の中学校卒業者数（2017年3月。以下同様）は埼玉県南部・東部の約3割にすぎないが、進学
自分のWebサイトをスケルトン仕様にする - Lambdaカクテル
した www.3qe.us こいつは暖かみのある手打ちHTMLで作られており、AIはおろか補完といった冷たいテクノロジ〜を利用していない。なんか勘で書いて勘で動いている。 スケルトンにしたい 1990〜2000年代、あらゆるモノがスケルトンになっていたマジで謎の時代。 www.nintendo.co.jp PlayStation 2 オーシャン・ブルー【メーカー生産終了】 ソニー・インタラクティブエンタテインメントAmazon openmedia.jp 自分はそういう時代にガキ時代を過ごしたので、今もスケルトンが大好きである。 blog.3qe.us blog.3qe.us てかなんで今の製品はそんなにスケルトンにしなくなったのだろう。最近はリバイバル的にスケルトンなものも増えてる気がするけど。 そういうわけで自分のサイトもスケルトンにしよう、という話に、異動した最初のオンライン飲み会でな
リーダーが勘違いしてはいけないのは、一体感や帰属意識を高めるためにBBQや社内イベントを企画してしまうこと… 順番を履き違えてはいけない
堂島さん @marketingbigboy リーダーが勘違いしてはいけないのは、一体感や帰属意識を高めるためにBBQや社内イベントを企画してしまうことだよ。 仕事を通して生まれた一体感があるから、BBQや社内イベントが有意義なものになるわけで、順番を履き違えてはいけない。 2025-07-15 07:50:00
Responsive Viewer - Chrome Web Store
Show multiple screens once, Responsive design tester A Chrome extension to show multiple screens in one view. the extension will help front-end developers to test multiple screens while developing responsive websites/applications. icon by Dima Hamayunau (https://dribbble.com/abybe). Clarification on privacy: This extension does not collect, store, or track any of your personal data. Your privacy i
あなたの書いたCSSがブラウザを苦しめる
レンダリングの裏側、ちゃんと理解してる？ ブラウザのアドレスバーにURLを入力してからページが表示されるまでに、ブラウザは以下のような処理を順に行います。 Loading（リソースの読み込み） a. Download：HTMLやCSS、JavaScriptなどのリソースをネットワークから取得 b. Parse：取得したリソースを解析し、DOMやCSSOMを構築 Scripting（JavaScriptの実行） DOMの操作やイベント処理などが行われる Rendering（レイアウトツリーの構築） a. Calculate Style：CSSOMとDOMを元に各要素のスタイルを計算 b. Layout：スタイル情報をもとに各要素の位置やサイズを決定 Painting（描画） a. Paint：要素ごとの見た目を描画指示に変換 b. Rasterize：描画指示をピクセル情報に変換 c. Co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AI時代に必須！状況言語化スキル / ai-context-verbalization
<style> in <body>
EOT
AIを使ったワンクリックでスクリーンショットをFigmaデザインに変換 | Codia
Layermate - AI-powered design assistant for Figma
https://www.figma.com/community/plugin/1425006564066437139/tappy
なんで貴重な生態系のある釧路湿原にメガソーラー建設しなきゃならないのか誰か教えて欲しい→持て余して困ってる原野をメガソーラー業者だけは買ってくれる
Stitch - Design with AI
15000以上のいい感じの線形アイコン「Lineicons」:phpspot開発日誌