デジタル庁デザインシステムβ版
デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。
UIデザインで中央配置がずれてしまう理由と解決方法
UIデザインには、至る所に中央揃えが使用されます。 しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか？ UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。 Hardest Problem in Computer Science: Centering Things by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントにおける中央揃え line-heightにおける中央揃え アイコンにおける中央揃え アイコンフォントにおける中央揃え 中央配置がずれているのは、スキルの問題 水平方向の中央揃え
こんにちは、漫画界の生き恥こと野火城と申します。 「画像AI使ってみた／AI漫画実験企画」第2回です！ ■第1回はこちら 実録：AIで描く漫画の実際 ～体験して見えた、その実力と課題!! その成り立ちから様々な議論を呼んでいる画像生成AIですが、少なくとも2024年3月現在日本の法律では使用が許可されており、存在を完全に無視する事はできません。かといって全てを肯定して受け入れるのも難しい。 だからこそ、必要以上に恐れず、実際にどのような事が出来るのか、具体的に検証する――それが画像AIとの誠実な向き合い方なのではないでしょうか。 「画像AIの技術がすごいという賞賛記事はよく見るが、それは本当に創作活動で実戦的に使えるものなのか？ 『AIに仕事を奪われる』と『今のAIは実戦では使い物にならない』という真逆の意見を多数見るが、この二つは両立しないのでは？ 実際はどっちなんだ？」「画像AIを試し
line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG
lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向（横書き時：上下）にそれぞれハーフ・レディングの大きさ（今回では4px）分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法
Instrument | Digital marketing, branding and product experiences | Instrument
研究者の人が『パリコレの奇妙な服はどこで着るのか？』って言うので、あれは純粋理論で基礎研究なんだと説明した「学会に見えてきた」
坂本慎一 @SakamotoIchi 以前に理論経済学の人とパリコレの話になった際、「あの奇妙な服はどこで着るんだ？」と、不快感を示すような言い方をしていたので、「いやあ、それはマズいですよ、先生」という話になりまして。 ファッションショーに出てくるあの奇妙な（？）服は、言ってみればファッションの純粋理論であって、あれを着て日常生活を送ることは想定しておらず、あれを2段階くらい実地におろしていけば、街中で売っている「おしゃれな服」になるわけでしょう。 ご自分の理論研究が「何の役に立つの？」と言われると「基礎研究を疎かにしてはいけない！」と怒るのに、他の分野の純粋理論を「何の役に立つの？」と言うの、やめましょうよ、という話でした。 2024-05-26 20:58:07 坂本慎一 @SakamotoIchi 24時間たたないうちに200万超えてしまって、一部しか読めていません。すいません。
Green Pepper @r2d2c3poacco ノルウェーでは、レタッチやその他の操作によって体型やサイズ、肌が変更されているすべての広告に、修正された人物であると言う標準化されたラベルを適用することが法律で義務付けられているそうだ。加工された写真を見ることで、特に青少年のメンタルにネガティブな影響を受けるのを避ける為らしい。 reddit.com/r/Damnthatsint… 2024-05-27 09:37:01
Appleは、将来のiPadモデルで背面のAppleロゴを横向きに配置する可能性を示唆しています。 フランスのNumeramaは、今月初めに発売されたiPad Proの新モデルについて、Appleの上級社員3人にインタビューを実施しました。 Apple Design StudioのMolly Anderson氏はその中で、iPadの背面のAppleロゴが将来的に横向きになる可能性に言及しました。 iPad Proインタビュアーは背面にあるAppleロゴはなぜ縦に配置されているのかと問い、縦に持つことの多いiPhoneでは理にかなうが、iPadはそうではなくなっているとしました。特にMagic Keyboardを使う際やフロントカメラが横位置に変更されたことなど、iPadは横向きで使うことも多くなっており、起動時やアップデート時の画面に表示されるAppleロゴもそうであるとしました。 And
はじめてのアプリUIデザイン。フローやWebサイトとの違いを解説します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ 最近Webサイト制作だけではなく、アプリ開発にも携わることが増えてきました。 その中で「Webサイト制作に似ているな〜」と思ったり、「あれ、ここは違う！」といった気づきがたくさんありました。前職ではソーシャルゲームのUIデザインを担当していましたが、Web業界に転職したときも、まったく同じことを思ったのを覚えています。 今回は、Webデザイナーの方がはじめて「アプリのUIデザイン」をするときに必要な知識や考え方、意識したほうがよいことを、フェーズごとにまとめてみました。 アプリにおけるUIデザインとは そもそも「UI」とは、ユーザーインターフェース（User Interface）の略で、日本語では「ユーザーとの接点・接触⾯」という意味になります。 UIはユーザーの目に触れ使用する部分すべてを指し、このUIを通してコンピューターとユーザーは情報のやりと
UIデザイン改善！Googleに学ぶマテリアルデザインのエレベーション(奥行き)活用法 ｜ブログ｜東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
こんにちは。UIデザインのプロフェッショナルとして、長年マテリアルデザインを研究してきた私が、今回はエレベーション（奥行き）の重要性と活用方法について、詳しく解説したいと思います。 マテリアルデザインは、Googleが提唱するUIデザインの体系であり、現実世界の物理法則を取り入れることで直感的で美しいデザインを実現しています。その中でも特に重要な概念が「エレベーション（奥行き）」です。エレベーション（奥行き）を適切に活用することで、ユーザーの直感的な理解を助け、UIの構造や階層を明確に伝えることができます。 本記事では、エレベーション（奥行き）の基本的な考え方から、実践的な使い方まで幅広く解説していきます。デザイナーの方はもちろん、クライアントの方やディレクターの方にも、エレベーション（奥行き）の重要性を理解していただき、より洗練されたUIデザインを目指すための知識を提供できればと思います
ユーザーにとって取り返しのつかない操作を提供する際の基準を定義しています。 基本的な考え方一度実行するとやり直しや巻き戻しが効かない操作のことを「取り返しのつかない操作」としています。 サービス内でのデータ損失の原因の多くは人的ミスによるものです。 ユーザーの誤操作によって「取り返しのつかない操作」が実行されないよう、提供時に十分に配慮しましょう。 代表的な取り返しのつかない操作取り返しのつかない操作の代表的なものとして以下のような操作があります。 登録されたデータを削除する操作設定をリセットする操作復元方法がない、または復元に複雑な手順を要するステータスの変更操作取り返しのつかない操作ボタンの提供方法取り返しのつかない操作をボタンなどのコンポーネントで提供する際は、ユーザーの誤操作を防ぐために可能な限りメイン操作領域の遠くに置く（1）、または領域を変更して置くこと（2）を推奨します。 上
「“回復”はプレイヤーの時間を奪う要素だから要らない」──『サガ』生みの親・河津秋敏氏が語る、超鋭角な「攻める」ゲームデザイン論。最新作『サガ エメラルド ビヨンド』では短くかつヒリつくバトルを追求、「プレイヤーに同じような体験を何度もさせない」ことを目指した
RPGでは当たり前に存在する「回復」と「ショップ」をなくした理由──「回復」というのはこれまでのRPGにおいて当たり前に存在している要素だと思うのですが、『サガ エメラルド ビヨンド』では回復がないとお聞きしています。なぜRPGのバトルから回復という存在を排除したのでしょうか？ 河津秋敏氏（以下、河津氏）： 自分としては、回復はバトルを引き延ばしてプレイヤーの時間を奪っている要素だと思っているんです。ゲームに縛り付ける時間を長くするだけの要素で、必要性を感じないんですね。 ──回復はユーザーの時間を奪っている……ですか。これまでRPGには当たり前に存在していた要素なだけにその視点は驚きです。 河津氏： それに回復があると、回復役に盾役に攻撃役にと、パーティ編成が固定化されてしまうじゃないですか。そうすると自由度がなくなる。 自分自身、HPが削られるのが嫌いなのでどうしても守りを固めて回復で
レーンですしを回さず、入店から注文・会計まで非接触で貫き通す、新「スシロー」流生き方（東洋経済オンライン） - Yahoo!ニュース
日本の漁業が危ない。生産量はピークから7割減。輸入金額も増え、海外勢に買い負けている。一方、魚を獲りすぎず、資源を安定させなければ漁業の未来はない。 『週刊東洋経済』6月1日号の第1特集は「全解剖 日本の魚ビジネス」。われわれは魚をいつまで食べられるのか。 【図で見る】売上高、国内店舗数など、「スシロー」の親会社、「くら寿司」、「元気寿司」の３社を徹底比較する コロナ禍後も手堅い消費を続ける回転ずし業界。中でも回転ずしトップの「スシロー」を抱えるFOOD ＆ LIFE COMPANIESが好調だ。 5月10日に発表した2024年9月期の中間決算。売上高は1759億円(前年同期比22.8％増)、営業利益は123億円(同135％増)と、ともに過去最高をたたき出した。通期でも過去最高営業益に迫る。 とくに利益面では国内スシロー部門の回復が大きい。 月次で見ると、2022年は10月に最安で黄皿の1
「ピグモ00」「マメロン」「廻想体」「金畫字」など、人気が高いフリーフォントをたくさんリリースされているもじワク研究さんから、新作のフリーフォントがリリースされました！ 今回は、ゴシック調のデザインで、ヴィンテージ感もあ...記事の続きを読む
つつむだ つつむ🦖 @GNS_ttmdttm 元ADさんに話を聞いて、イラストとかキャラデザの仕事のこれこれこういう内容をまとめたいんですよね～何か参考になる話ありませんか、って話をしたら、相当な鬱憤が溜まっていたのか文字に起こせないレベルの闇ばっか聞いてしまった。心の中の群馬県民が「ກະລຸນາຢຸດມັນແລ້ວ」って泣いてる。 2024-05-23 00:14:42 つつむだ つつむ🦖 @GNS_ttmdttm ADさんに話聞いた時の、仕事でのキャラデザトラブルあるある「キャラデザ頼んでるのにイラストを描かないでほしい」をまとめたら面白かったので、キレてる気持ちも交えて校歌にした 2024-05-25 13:51:50
ウェブサイトを開くと大抵は文字や画像が表示され、視覚的な情報をページのあちこちから得ることができます。サイトによっては文字だけを表示するものもあれば、文字と画像をバランスよく配置してユーザーの視線を誘導するものも。こうした情報の過多やバランスを「密度」という尺度で捉えたときに、ユーザーインターフェース(UI)の密度はどのようにして決まるのかといったことについて、決済サービスのStripeでデザイナーチームを率いるマシュー・ストローム氏が解説しました。 UI Density || Matthew Ström, designer-leader https://matthewstrom.com/writing/ui-density/ ユーザーは、ウェブサイトを開いたときに大抵はまず目で情報を受け取ります。ストローム氏は、「空間にどれだけのものが見えるか」という点を「視覚的密度」と定義し、UIにお
SVGのロゴをネオンサインが点灯するようなイメージのアニメーションにできないかと試行錯誤した結果を記事に残しておく。 最終完成バージョン まずは出来上がりを、Codepen で確認してほしい。Start ボタンを押すと、ロゴが点灯する。 ネオンサインが点灯する雰囲気にみえるとうれしい。 （と言っても、今となってはネオン管っぽいLEDチューブが主流なので、本物のネオン管を見たことがない世代が多いかもしれないが...） See the Pen Neon Sign by hiroatsu (@scqspcfg-the-solid) on CodePen. なお、このアニメーションは、地図共有サイト Toboggar のスプラッシュ画面で使用しているものである。 どうやったらネオンサインの点灯のように見えるか 今回の方法がベストだとは思えないし、ベターですらないような気がするが、とりあえず私はこれ
――色彩設計はキャラクターデザインの方とも相談しながらの作業になると思います。オリジナル作品である『夜のクラゲは泳げない』ではどんなお話をしたのですか？ 石黒：監督から、実線の一部を色トレス（※ハイライトや影などの境界線を隣接する色に近づけてなじませること）にしたいという希望がありました。それをキャラクターデザインの谷口淳一郎さんとどこに入れたらいいかと相談して、設定していました。谷口さんとは今まで何度も一緒に仕事しているので、結構お任せしてくれます。 高梨・キム・アヌーク・めいの色彩設計画 ――キャラクター原案はイラストレーターのpopman3580さんですね。原案からどのようにアニメの色に落とし込むのでしょうか？ 石黒：原案の色が薄かったり濃かったりしていた部分を統一させていく作業をしていて。竹下良平監督は濃い目の画面を作りたいという希望だったので、特に服の色の彩度をあげています。 光
Last year, Kristina Shen and I expressed our anticipation for a “Wave 2” of B2B AI applications focused on synthesizing information, which we referred to as “SynthAI.” If the first wave of generative AI applications was about creating new content — like emails, lists, or marketing copy — this second wave focuses on condensing information in a manner that saves users time. The crux of this is to ow
「HTML,CSSだって難しいよ！」 初心者でも始めやすいって言ったの誰ですかね。最初は覚えるのに必死だし、少しわかるようになったかな？で始めたサイト制作（コーティング）もエラーだらけで頭を抱える日々。そんな修行を耐えているみなさんに知ってほしい、CSSの設計についてお話できたらなと思います。概念的なこと中心になりますので細かいことは下記の参考文書をご覧ください。 『インプレス社 Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 谷拓樹著 2022年発行第１版』 注意 作者自身もプログラミング初めて１ヶ月の超初心者です。HTML、CSSを使ってデザインカンプを元にサイトを作れるぐらいのレベルです。なので僕より歴長い人はスルーしてもらっていいです。まだ初めたばかりの人は追いついてきてください。僕は先に行ってます。 初め 壊れない完璧な設計を
「悪役令嬢を探して」第1回：「乙女ゲームの悪役令嬢」は実在するのか？ 90年代乙女ゲームから悪役令嬢を見出してみよう
「悪役令嬢を探して」第1回：「乙女ゲームの悪役令嬢」は実在するのか？ 90年代乙女ゲームから悪役令嬢を見出してみよう ライター：向江駿佑 近年人気を集める「悪役令嬢」もの。だが，そのイメージソースとされる「乙女ゲームの悪役令嬢」の存在については，これまで幾度となく疑義が呈されてきた。では，本当に乙女ゲームに悪役令嬢は存在しないのだろうか？ 今回4Gamerでは，ゲーム研究者・向江駿佑氏に依頼し，乙女ゲームの中に見出せる「悪役令嬢」の歴史を，全3回にわたって編纂してもらうこととした。第1回は90年代，第2回は00年代，第3回では10年代〜を取り扱う予定だ。「アンジェリーク」以降無数にリリースされてきた作品群の中にある悪役令嬢たちの輝きを，ぜひ読者諸氏にも確認してほしい。 2024年3月にNintendo Switch用ソフト「悪役令嬢は隣国の王太子に溺愛される」（オペラハウス）が発売されるな
Svelte は記述量が少なくシンプルなコードで書けることが特徴の 1 つでした。しかし、アプリケーションの規模が大きくなるにつれて学習コストや認知負荷が増加していくという課題が浮上してきました。Svelte v5 で導入される Rune は今までの Svelte のコンセプトを覆し、よりシンプルになることを目指しています。このトークでは Svelte v5 の新機能を通じて Svelte の書き方がどのように変わるのかについて話します。
建築家・白井晟一設計の個人住宅「桂花の舎」が江之浦測候所に移築へ建築家・白井晟一が晩年に設計した個人住宅のひとつである「桂花の舎（けいかのいえ）」。これを小田原文化財団 江之浦測候所のある「甘橘山」に移築するプロジェクトが始まった。 桂花の舎 Photo by Yasushi Ichikawa 渋谷区立松濤美術館などの設計で知られる建築家・白井晟一が晩年に設計した個人住宅のひとつ「桂花の舎（けいかのいえ）」。これが杉本博司による小田原文化財団 江之浦測候所に移築される。 桂花の舎は、大和市・中央林間に建てられたもの。白井はこの家の完成を待たずに1983年に逝去したため、白井晟一研究所に引き継がれ、竣工した。施主は画家で、デザインや予算などに一切制限を設けないという条件で設計されており、随所に使われている栗材などにその痕跡が見られるという。この建築はその後、地区の宅地開発によって解体の危機に
ヌードルでプードルを作る
食べられるように作りたい せっかく作るなら食べられるように作りたい。しかも美味しく食べられるようにしたい。スポンジケーキを土台に、ハチミツや生クリームでラーメンをくっつけたら簡単そうだが、味的に微妙である。 美味しく食べられるトイプードルとは何かを色々考え、すいとんで土台を作って、ラーメンをくっつけることにした。 出来上がったのはこちら。 つぶらな瞳！！ ペットショップで出会ったら、無視して帰ることができないレベルの愛らしさに！炭水化物史上一番かわいい姿に違いない！ すいとんを作る まずは土台となるすいとんを作ろう。 人生初すいとん作り レシピを調べたら、薄力粉と水だけで出来るらしい。今まですいとんが何者なのか良く分かってなかったが、薄力粉と水だったのか。意外とシンプルだな……。 さっそく水を入れようとしたが、ちょっと思いとどまった。 このまま作ったら、当たり前だが白いすいとんができるだろ
Canvaってこんなこともできるんだ！ プロユースとしても十分な機能を備えたデザインのテクニックがよく分かる解説書 -Canva 基本＆デザインTIPS！
※本ページは、アフィリエイト広告を利用しています。 ここ1,2年、Canvaの進化がすごいですね！ 一昔前は割とシンプルでやれることは限られていましたが、現在ではかなりいろいろなことができ、プロユースとしても十分な機能を備えています。 そんなCanvaの基本から応用まで、かなり複雑になった機能についてもよく分かる解説書を紹介します。Canvaをしばらく使っていなかった人には、えっ！ こんなこともできるんだ！！ と驚くと思います。 著者は、Canvaの公式クリエイターでもあるマリエ氏。@marie_okawaでもCanvaの新機能やデザインの便利ワザをたくさんポストされています。本書はそんな氏による、Canvaを使いこなすための152のテクニックをまとめたものです。 本書は本日発売、ほやほやの最新刊です！
生成AI時代のフロントエンド開発術
2022年11月にChatGPTがリリースされて、1年と約半年が経過しました。私はChatGPTが話題になった頃から、継続して利用しています。ChatGPTを使い続けていると、Webアプリケーションのフロントエンド開発に役立つことがありました。 そこで、本記事ではフロントエンド開発でChatGPTを活用して効率よく進める3つのパターンにまとめました。これらのパターンを紹介し、読者の皆さんの開発に役立ててもらえればと思います。 以下は、本記事で紹介するFigma、ソースコード、デプロイ先URLです。 Wireframing photo - Figma silverbirder/figma-photo-sample-app-for-ai - GitHub https://figma-photo-sample-app-for-ai.vercel.app ChatGPTを使う前に ChatGPTに
■5/23 23:20追記 思ったよりも色んな人に読んでもらっていて嬉しい。基本的には言い訳で書いたように「おっさんオタクの思い込み」で書いたものなのだが、ちょっとだけ追記させて欲しい。 いくつかのコメントで「覇権じゃなくて単なるソシャゲの流行り」「増田のハマったものリスト」とあったが、一応客観的指標としてコミケのサークル数は参考にしている。興味があればこのリストとコミケのジャンル規模推移を比較してみてほしい。 唐突にホロライブが入ったのはその時期「vtuber」ジャンルが急増していたからだし、ソシャゲが多いのは単に話題提供が定期的にあって流行りが持続しやすい(=同人ネタになりやすい)からである。 その意味で「同人人気指標」というツッコミは仰る通りだが、さりとて他にもっともらしい覇権の指標も思いつかない(かつては円盤の売上が重要な指標であったが、今は完全に形骸化している)。 逆に「この時期
オリジナル冊子をつくる：文芸誌編
オリジナル冊子をつくる：文芸誌編 趣味で文芸誌や評論誌などを作る方で、より本文のレイアウトにこだわったり、タイトルロゴにこだわりたいという方も多くいらっしゃるかと思います。そんなときにおすすめなのが、デザインのプロも冊子制作に使う「Adobe InDesign CC」と「Adobe Illustrator CC」の活用です。 アドビではInDesignを初めて使う方向けに基本的なレイアウトの方法とコツをご紹介する冊子や、Illustratorでフォントをカスタマイズしてオリジナルロゴを作るチュートリアルをご用意しています。こだわりの冊子づくりを行いたい方はぜひお役立てください。 ■InDesignで冊子全体のレイアウトを行う方法とコツ PDFのダウンロードはこちら→InDesignで始める冊子づくりのヒント＜文芸誌＞ 画像をたくさん配置する場合はこちらもご覧ください→InDesignで始め
大ヒット『呪術廻戦』から文学賞四冠『地雷グリコ』まで、螺旋進化する異能バトルと特殊設定ミステリのいまを解き明かす！ | 偏愛・脳汁で日常を熱くするメディア ヲトナ基地
偏愛・脳汁を語るサイト「ヲトナ基地」では、多数の「愛しすぎておかしくなるほどの記事」をご紹介してまいります。 ヲトナ基地で今回紹介する記事は「大ヒット『呪術廻戦』から文学賞四冠『地雷グリコ』まで、螺旋進化する異能バトルと特殊設定ミステリのいまを解き明かす！」。海燕さんが書かれたこの記事では、異能バトルと特殊設定ミステリへの偏愛を語っていただきました！ 「どんな者だろうと人にはそれぞれ その個性にあった適材適所がある 王には王の…… 料理人には料理人の…… それが生きるという事だ スタンドも同様 「強い」「弱い」の概念はない」 荒木飛呂彦『ジョジョの奇妙な冒険』 「面白そうですね」 伸びきったカーディガンを着た少女は、机の上で指を組み、対戦者に隙だらけの笑みを投げた。 「詳しいルールを聞きましょうか」 青崎有吾『地雷グリコ』 火花散らす戦い。いまも昔も、少年マンガの華は「バトル」である。かつ
Magic UI
UI library for Design Engineers20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable.
お台場横「墜落した宇宙船」形の〝廃墟〟 ついに解体？行政の見解は
お台場横にあり、まるで「墜落した宇宙船」のようだと評判の建物。行政の施設でありながら、なんと“20年以上休館中”だと言います。昨年、ネット上で解体の可能性がささやかれましたが、今も建物は残っています。管理する東京都港湾局を取材しました。（朝日新聞デジタル企画報道部・朽木誠一郎） りんかい線の国際展示場駅から徒歩で約10分のところにある建物。周囲は立ち入り禁止の柵で囲まれ、特に何の説明もありません。 見かけた人からは「まるで墜落した宇宙船のよう」などと評判になっていました。最近は近づく道も封鎖され、窓にはヒビ、外壁は破損してネットがかけられています。 建物を管理するのは東京都港湾局。これは『共同溝展示館（通称・K－MUSEUM）』という展示館でした。 共同溝展示館は、1997年4月に開館。96年に開催予定だった世界都市博で公開されるはずでしたが、都市博自体が中止に。利用者数の低迷などが理由で
第77回カンヌ国際映画祭でのケイト・ブランシェット - Neilson Barnard/Getty Images オーストラリア人女優のケイト・ブランシェットが、第77回カンヌ国際映画祭のレッドカーペットであるドレスを着用して話題となっている。 【画像】美しい…話題になったケイトのドレス ガザ地区におけるイスラエルによるパレスチナ侵攻が激化し、どちらを支持するかでハリウッドでも溝が深まるなか、今年のカンヌ映画祭は政治的行動を認めない方針を取っている。そんななか、若き日のドナルド・トランプを描く伝記ドラマ『ジ・アプレンティス（原題） / The Apprentice』（コンペティション部門）の公式上映に出席したケイトがまとったのが、カラーリングが印象的なジャン＝ポール・ゴルチエのドレスだ。 ADVERTISEMENT 全面は黒、バックサイドは白に近い薄いピンク、さらにその裏面は緑となっており
本稿は「アーキテクチャを突き詰める Online Conference」における発表「なぜDependency Injectionなのか？ ～関心の分離と疎結合～」の登壇原稿となります。 発表時の動画アーカイブは後日公開されたタイミングでリンクを追加いたします。 また、本稿のサンプルコードとPower PointはGitHubで公開しています。 「CC BY-SA 4.0」で公開していますので、気に入っていただけたら営利目的含め、ライセンスの範囲で自由に利用していただいて問題ありません。 https://github.com/nuitsjp/WhyDependencyInjection というわけで、本稿の目指すゴールはこちら。 今日は、この場にいる皆さんが「なぜDependency Injectionを利用するのか？」ということを、理解いただくのが本日のゴールとなります。 というわけで本
見えないものに着目すると上手くいく、モデリングの勘所 / invisible-driven-design
こちらのイベントの登壇発表資料です。 アーキテクチャを突き詰める Online Conference https://findy.connpass.com/event/314782/
こんにちは！ 株式会社Rabeeでデザイナーをしています、nanamiです🌿 Webサイトのデザインを作っていく時、気づいたら単調なデザインになってしまうことはありませんか？ 「Webデザインはリズムが大事」とよく言いますが、リズム良く眺めることができるWebサイトって、つい上から下までスクロールしてしまいますよね。 今回は、そんなリズム感を生む工夫の１つ、背景の切り替え方に着目して分析してみました。 前後関係のあるセクションを繋ぐ「矢印型」LPでよく見る形です。例えば、 「こんなお悩みありませんか？」→「それを私たちが解決します！」 というセクションが並ぶ場合、背景に矢印があると目線が自然とその方向に流れるので、ユーザーの視線を特定の場所へ誘導したい場合に効果的です。 Entry Pocketこれだけ薄めの色の背景切り替えでも、矢印型に切り替わっていることで 自然と視線が上セクションか
CSSはどんどん進化している！ マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning
ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブにも完全対応、アイテムが二段・三段と複数になっても、水平・垂直になってもエフェクトは追従します。 Anchor Magnet Slide Menu 実際の動作は、デモページでお楽しみください。 右上の矢印アイコンをクリックすると、アイテムの並びが垂直・水平になります。また、右下のアイコンをクリックすると、ダーク・ライトモードになります。 ※CSSのみで動作するのは、Chrome 125+です。それ以外のブラウザはポリフィルが使用されています。 See the Pen Anchor Magnet Slide Menu by coliss (@coliss) on CodePen
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実録：AIで描く漫画の実際 ～AIで今風の手描きっぽい漫画を作ってみる (1/6)
Arm、従来比36%性能向上のプライムCPUコア「Cortex-X925」
codefolio | Webコーディングの参考になるパーツ集・ギャラリーサイト
秋葉原に木造9階建てビル 熊谷組の新技術を日本初採用
ノルウェーでは体型や肌が加工修正されている広告にこんなラベルをつけることが法律で義務づけられている、と聞いて意見続々
Apple、将来のiPadでAppleロゴを横向きに配置する可能性を示唆 - こぼねみ
取り返しのつかない操作 | デザインパターン（共通） | SmartHR Design System
商用利用無料！ ゴシック調の新作日本語フリーフォントが登場、一つひとつの文字がかわいい「サマサン・ドノクン」
「ときめきメモリアル」30周年！ 大ヒット恋愛シミュレーションゲームは今プレイしてもやはり面白かった 「好きとか嫌いとか最初に言い出したのは誰なのかしら」から30年！
"キャラデザ"を依頼しているのに"イラスト"を納品してしまう人に送る校歌を作った人の話
ユーザーインターフェースの「密度」とは何かをプロのデザイナーが語る
CSS アニメーションでネオンサインの点灯の雰囲気を出してみる - Qiita
【新連載】アニメスタジオのここが知りたい！ 色彩設計・石黒けいが語る“動画工房の色”
Owning the Workflow in B2B AI Apps | Andreessen Horowitz
HTML,CSS初めて１ヶ月ぐらいの人に知って欲しいCSS設計のこと - Qiita
よりシンプルになる Svelte の世界
建築家・白井晟一設計の個人住宅「桂花の舎」が江之浦測候所に移築へ
学マスのバズりで久々にオタク覇権コンテンツの交代が起こった
ケイト・ブランシェットの“パレスチナ国旗ドレス”が注目の的：第77回カンヌ国際映画祭｜シネマトゥデイ
なぜDependency Injectionなのか？ ～関心の分離と疎結合～
ページに抑揚をつける「背景切り替え」のデザインアイデア｜nanami
歴史好きにはたまらない！ 江戸時代なのに現代風デザインの地図サイト「れきちず」が3D表示に対応 地図データをベクトルタイル化。「江戸切絵図」から町家領域の抽出も【地図ウォッチ】
