こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像

いま、新宿駅の改札内がアツい。人が多くて暑苦しいという意味ではなく（それも若干あるが）、グルメスポットが誕生したという意味でアツい。 ちょっと前（2024年4月17日）にオープンした「イイトルミネ（EATo LUMINE）」である。先日公開した記事でも紹介したから覚えている人だっているかもしれない。 そのエリアの中に、お茶漬け＆おにぎりの店がある。『お茶漬けおにぎり 山本山』といい、名前からわかる通り海苔の “山本山” の新業態だ。 山本山といえば、私（1981年生まれ）にとっては「上から読んでも山本山、下から読んでも山本山」というCMが真っ先に頭に浮かぶが、今の若い人は知らないだろうな〜。あのCMの海苔メチャクチャ高級感があって美味そうだったんだよな〜 ……ってことを思い出していると、なんだか海苔茶漬けを食べたくなってきたので、店に入ってみることに。 メニューのラインナップとしては、海苔

鉄道黎明期より長い時間を歩んできたヨーロッパの多くの国では、車両を含む鉄道産業遺産が国や地方自治体の管理する博物館を中心に保存され、民間団体が廃車となった車両を買い取って動態保存している例も多い。そんな中、異色の存在となっているのがイタリアのFondazione FS Italiane（イタリア鉄道財団）だ。 イタリア鉄道財団は、イタリア鉄道、トレニタリア（イタリア鉄道旅客輸送子会社）、RFI（イタリア鉄道インフラ子会社）の3社のCEOが創立メンバーとなって、2013年3月6日に財団の設立趣意書および定款に署名した。2015年12月には、政府の文化遺産・活動・観光省が財団の「機関会員」として加わっている。 鉄道遺産保存「財団」の財源は？ 財団が設立された目的は、1839年に誕生したイタリア鉄道の膨大な歴史的・技術的遺産を国の歴史の重要な一部として強化し、無傷で将来の世代に引き渡すことで、長

空と地上の境界を縁取る、高層ビルのスカイライン。 その輪郭線の美しさやダイナミックさにほれぼれすると「人間もなかなか頑張っとるな」などと、上位存在みたいな気持ちになってしまう。 東京では、さまざまな町で、そこかしこに高層ビルがずんずん建築されており、スカイラインの形も日々変わってきている。 高層ビルは都心だけではなく、郊外の町でも、超高層といわれるビルやタワーマンションがいくつも建築されているところがある。 なかでも、所沢の高層ビルのスカイラインが、なかなかおもしろいことになっているらしい。 所沢の高層ビルは、のきなみとんがっている 先日、デイリーポータルZ編集部の林さんが、所沢の高層ビルの先っちょが、軒並みとんがっているということを教えてくれた。 なんで所沢のマンションって先っちょとんがってるんだろう。 pic.twitter.com/akQUpNxUAX — 林 雄司 (@yagino

※本ページは、アフィリエイト広告を利用しています。 「はじめてでもここまでできる」の本書タイトル通り、読んで3時間ほどでStable Diffusionの画像生成を思い通りにできるようになりました！ Stable Diffusionでどんなことができるのかは知っていましたが、実際に自分のPCにセットアップし、プロンプトによる画像生成をはじめ、色塗り指定や画風指定、キャラをAIに学習させての画像生成までできました。Stable Diffusion初心者の人にお勧めの解説書を紹介します。 また、少しやってみたけどTextual InversionやControlNetやLoRAなどがうまく使えない、そんな人にもかなりお勧めです。 本書は「はじめてでもここまでできる」というタイトル通り、初心者向けの解説書です。そして「本格活用」とあるように、ただ使えるようになるだけでなく、塗りの書き込み感、色塗

ぷりあや2.0 @pretty_lock @ENTETU4 原宿のthe great burgerおすすめです！ パルプフィクションにでてくるようなミルクシェイクが飲めます pic.twitter.com/Q6CWT5lS8n 2024-04-18 10:29:03

《この記事は約 21 分で読めます（1分で600字計算）》 一般社団法人版元ドットコムとopenBDプロジェクト（版元ドットコムと株式会社カーリル）は3月29日、版元ドットコム会員社以外の出版社に対し、書誌・書影の読者（第三者）などへの利用承諾を求める取り組みの開始を発表しました。そもそもなぜそのような取り組みが必要なのでしょうか？ 本稿ではその背景や経緯などについて、関係者への取材などを踏まえた上で詳しく解説します。 お断り：アマゾンジャパンには、HON.jpの法人会員として事業活動を賛助いただいています。しかし、本稿の記述は筆者の自由意志であり、対価を伴ったものではありませんし忖度もしていません。また、本稿では論点を絞るため、話をおおむね「書影」に絞ります。以下、常体で記述します。 そもそもなぜ書影の利用許諾が必要なのか？ オンラインショッピングなどで用いられる商品画像――本の場合、そ

リンク 日経ビジネス電子版 花札から始まった任天堂 独自の事業展開で急成長、新規市場も開拓 ファミリーコンピュータの成功を経て、総合エンターテインメント企業として、確固たる地位を築いた任天堂。その歴史は130年以上と非常に古い。前編では、創業から3代目社長、山内溥氏が花札事業の改革、トランプ事業の拡大などで会社を成長曲線に乗せるまでの歴史を紹介する。 5 users 258 リンク 文春オンライン 任天堂はなぜ「花札」で成功できたのか？ | 文春オンライン ニンテンドースイッチに至るまで受け継がれている、任天堂の「他と違うからこそ価値がある」という価値観は、どのように形作られていったのか。任天堂の社史をさかのぼってみる。創業は1889年だ。創業者は山内房… 20 users 21

Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトラインをより見やすくするCSS、ボタンの論理サイズを設定するCSSなど、デフォルトのスタイルとして設定しておくと便利です。 CSS Button Styles You Might Not Know by David Bushell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スマホでボタンをタップした際の誤動作を防止 ボタンのテキストの意図しない選択 ファイル選択のボタン ボタンをフォーカス時の視覚的なアウトライン

森川ジョージ @WANPOWANWAN 発端は小学生の時の漫画でAIの話なんてしたくなかったのになあ。 生成AIが出現した時は新しい画材道具だ、とワクワクした人もいたよ。 画材じゃないと言われるけれど漫画制作に使用すればペンやマウスの延長なの。 商業用に使えるようになれと進化に期待したんだよ。 で、進化して素晴らしい画面ができるようになってきた。 ある程度の盗用はしてきたしされてきたから許容できる。 ほとんどの作品は何かの影響下にあるからね。 道具としての機能と可能性は本当に素晴らしい。 しかし当初から懸念材料はあった。 盗用の度が過ぎる。 悪用する人間が現れる。 これに対する反応。 ①流れは止められないので運用しながら問題点を考え法整備する ②GAFAMのような外産のみにならないように国産のものを開発、使用することを推奨する ③貸与権、サートラスのような仕組みを作り材料となった作家に対価

うそのカウントダウンタイマーや、在庫が少ない、需要が高いなどの表示。 画像では、カウントダウンタイマーや「今だけ」の表示で焦らせて「今買わなければ」という気持ちに追い込んでいます。 今回私たちは、企業の間ではダークパターンがどのように認識されていて、どのような対策を取っているのか、現状を把握するために独自にアンケート調査を行いました。 調査は、武蔵野美術大学の長谷川敦士教授の監修のもとで行い、ダークパターンが使用されることの多い6つのジャンル（ネットショッピング、旅行予約サービス、飲食店予約サービス、動画配信サービス、音楽配信サービス、電子コミック配信サービス）について、利用者の多い5つのサービス、あわせて30のサービスを対象にしました（利用者数については、ニールセンとICT総研の調査を元にしています）。このうち、16のサービスの運営企業から回答がありました（回答率は53％）。 回答した企

異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。

2月29日に、文化庁で「文化審議会著作権分科会」の第7回が開催されました。著作権の専門家によってその制度について議論をする場ですが、今年度は2023年7月より「AIと著作権」について議論されてきました。3月に文化庁から政府に報告する「AIと著作権に関する考え方について（素案）」の最終案に近いものが発表され、1月下旬から2月上旬にかけて募った「パブリックコメント（パブコメ）」の結果報告もされるということもあり、注目されました。登場したのは「AIと著作権に関する考え方について（素案）令和6年2月29日時点版」、パブコメの結果を受けて、これまでの内容に微修正が施されていました。しかし、そこからわかったのは、文化庁の一貫したスタンスでした。 文化庁 文化審議会 著作権分科会 法制度小委員会（第7回） パブコメへの反応は「素案の内容周知」 発表物から議論を集めたのが発表資料に「パブコメの結果」が追加

私は電車にほぼ乗ったことが無い。 正確に言うと、旅行先で親戚に手を引かれながら乗ったことはあるのだが、その後高熱を出したせいで何も覚えていない。 普段の移動で電車を使ったことは一度もない。 電車でもバスでも行ける場所なら、バスの方が時間がかかるとしても後者を選んできた。 地元付近の電車を肉眼で見たことすらない。 駅のことは「○○駅という名前の小さな、または大きな商業施設」と認識している。 あの場所のどこかで電車とやらが出入りしているイメージが全く湧いていない。 高校生くらいまで、「電車が遅延した」というのを「電車がチェーンした」だと勘違いしていた。 「チェーンが絡まったかのように動けないから遅れている」みたいなイメージから派生した言葉なのかと思っていた。 これが、まともに電車を利用したことがない人間の実態だ。 てっきり、電車に乗ったことが無いなんて普通のことだと思っていた。 おかしいとも思

マップを活用して重要なストーリーを伝えましょう。 ArcGIS StoryMaps には、マップに意味を与える注目すべきストーリーを作成するのに必要なすべてのものが用意されています。