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

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

3月4日の公開以来、「Claudeやばくない？」「GPT-4を越えた」と、界隈で話題の「Claude 3」は、OpenAIの元メンバーによって設立されたAIベンチャー「Anthropic」が開発する最新の大規模言語モデル（LLM）だ。今回はChatGPTのライバルClaude 3の有料版を2週間ほどヘビーに使ってみて感じたことを、良い点と悪い点どちらも書いていきたいと思う。 Claude 3とは？ 既報の通り、Claude 3はAnthropicが開発する大規模言語モデルの名称だ。 パラメーターのサイズなどが異なる3つのモデルがラインアップされている。 「Claude 3 Opus」は最も知能が高く、複雑なタスクでも最高のパフォーマンスを発揮する強力なモデル。APIやデータベースを介した複雑なアクションの計画や実行、インタラクティブコーディングなどの高度な活用が想定されている。 「Clau

突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 （そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ）とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫　宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「　」の中の言葉が声に出して言っている部分、（　）の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会

江戸時代には「全身白ギツネ男」が実在した　シーボルトお抱え絵師が残した２００年前の日本は「別世界」　ドイツの博物館収蔵の画像で判明 写真技術がもたらされる前の江戸時代。日本各地の庶民の実際の姿はどんなものだったのか？ドイツ・ミュンヘンの五大陸博物館が、収蔵する約２百年前の日本人画家の絵の画像使用を許可した。長崎・出島のオランダ商館に駐在したドイツ人医師シーボルトが、お抱えの町絵師・川原慶賀に発注したものだ。 葛飾北斎ら同時代の有名な浮世絵師たちの画風とは全く異なり、慶賀の人物画は西洋画の影響を受けており写実的だ。 長崎純心大で長らくシーボルトや日欧文化交流を研究している宮坂正英客員教授（６９）は「今とは別世界だった江戸時代を正確に写した貴重な資料」と評価している。（共同通信＝下江祐成）

難しいタイミングであることは承知しておりますが、自殺について少し皆さんに知っておいてほしいことがあります。 ※noteの記事はXのポストに一部補足を追加しております。 人の精神が参ってしまう仕組みについてです。 （補足） 私は精神科医などではありませんので、医学的に厳密な話ではありませんが、わたしの経験などを踏まえて分かりやすく説明しております。私自身が自殺を考えて閉鎖病棟に5ヶ月入院したことがありその経験と一般的知識からの解説となっております。なかなか経験しないと分かりにくい部分を説明しております。 かつて人間は野生に暮らし、猛獣などと遭遇するとアドレナリンなどが分泌され脳が活性化し、危険を回避するために身体機能と精神力を一時的に増幅させ、多少無理をしてでも危機を脱するための機能によって生存してきました。いわゆる、火事場のクソ力と呼ばれるものです。 これは、簡単に言うとバーサーカーモード

毎日の仕事や家事・育児などに追われていると、なかなか自分自身のことを振り返ったり、心を休めたりする時間が取れないもの。日々の小さな不調が積み重なり、気付けば心や体がどんよりと重くなっている……という経験をしたことがある方は多いのではないでしょうか。 そんな心の疲れを解消するヒントとなるのが、心理療法の一種である「認知行動療法」です。今回は認知行動療法の第一人者である精神科医・大野裕先生と、かつて心の不調に悩み、解決のための様々な手法を試してきた経験もある漫画家の吉本ユータヌキさんに、日々の「モヤモヤ」とうまく向き合う方法について、オンラインで対談いただきました。 また、大野先生が監修したチャットボットアプリ「こころコンディショナー」では、「認知行動療法」を手軽に生活の中に取り入れることができます。その使い方のポイントや効果などについても、お二人に話していただきました。 日々の「モヤモヤ」と

2023年もみすず書房の新刊を、各新聞・雑誌・ウェブメディアなど多くの媒体でご紹介いただきました。なかでも複数の評者に取り上げられた注目書を、ふりかえってご案内します。 『週刊東洋経済』　2023/2/25号　書評より 「われわれはいっそのこと資本主義を捨てて、経済システムの抜本的な再構築を目指すべきなのだろうか──。こうしたラディカルな考えに性急に飛びつく前に、一度立ち止まって読んでほしいのが本書である。」 （評者・大阪大学教授 安田洋祐さん） 『日本経済新聞』　2023/4/1　書評より 「本書は従来の経済学が置き去りにしてきた持続可能性の問題に分析を広げ、さらに政策展開している。」 （評者・東海大学教授　細田衛士さん） 『グリーン経済学』の詳細はこちら 『読売新聞』　2023/4/9　書評より 「行動を変えるといえば、行動経済学のナッジ理論が有名であるが、本書はそれを神経科学の視点で

世の中には、経営やマーケティングのためのフレームワークや論理モデルが数多く存在しています。これらを学ぶことは、ビジネスパーソンとしての私の基礎力に繋がるのではないかと思い、特に著名なフレームワークを中心に、作られた背景や基本的な特徴を少し調べてみました。 3C マッキンゼー・アンド・カンパニー在籍時代の大前研一氏が1982年に発表した著書『The Mind of the Strategist』の中で提唱したフレームワークです。環境分析の手法のひとつといえるもので、外部分析と内部分析を簡潔に組み合わせて、市場機会を発見することを目的としています。 1980年代、トヨタ、SONYなど日本の製造業が世界市場で高い競争力を持っていました。しかし、成功している企業には必ずしも優秀な戦略コンサルタントがいた訳ではなく、洞察力と直感力による戦略立案がなされていました。 経営やマーケティングに関する「天賦

記事やイベントで抜群の存在感を誇る一方で、運営が赤字続きだったことは周知の事実。独立後も赤字が続く見通しだという。新会社は林さんの“1人会社”でオフィスもないため、屋根や壁もなくなる。 それって大丈夫なのだろうか？　そもそもなぜ今独立したの？　サイトは本当に維持できるの？　赤裸々な実情から収支構造、サーバやCMSの詳細まで、林さんにぶっちゃけてもらった。 自分でやれば、「やめろ」って言われないから ――2002年から21年間、大手企業の傘下で運営されてきたサイトが独立とは驚きました。 「自分でやりたいな」という気持ちはずっとあったんです。そうすれば「やめろ」って言われないから。雇われている限り、サイトをやめろって、いつか言われるんじゃないかと。 続けるかやめるかの判断を、自分じゃない人が握っているのは嫌だなあと思っていて。仮に黒字化したとしても、次の年は5％成長とかを期待されますよね。何の

2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。 素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。 本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。 話題の的だったAIをうまく活用すれば、ワークフローを格段にスピードアップさせ、面倒な作業もストレスなくこなすことができます。 この記事では、そんなあなたの役に立つ2023年公開のWebデザイン制作ツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。

色々な場でメルカリの10周年企画について聞かれることが多いので、久しぶりにnoteを書いてみようと思います。それぞれの会社には個々の事情や状況があるため、参考にならないかもしれませんが、何かの参考になれば嬉しいです。 周年企画は何のためにやるのか周年企画を任されたときに色々調べてみましたが、「何をやったらいいのか？」のイメージを掴むものがあまりインターネット上にありません。そもそも周年企画はなぜやる必要があるのでしょうか？ 周年といっても、消費者目線では、会社が勝手にサービスを始めておいて、それがたまたま何年か経ったに過ぎません。 なので、 「◯周年おめでとう」 は社内向けの内輪ノリや社外から言われるものであるべきで、 「皆さんのおかげで◯周年を迎えられました。ありがとう。これからもよろしく！」 こそが社外に発信するメッセージであるべきです。 ここを混同してしまうと、ありがちなのがコンセプ

「このバンドやミュージシャンが好きなら、これらのバンドやミュージシャンも好きかもしれない」というのをAI（人工知能）が提案する音楽マップ「Music-Map」が話題に。マップ上、2つの名前が近ければ近いほど、両方のアーティストが好きである確率が高くなるという。これは、人工知能と新しいユーザーインターフェースの実験Gnod（Global Network of Discovery）の一環として作られたものです。 ■音楽マップ「Music-Map」 https://www.music-map.com/

お鯛 @otto_morgen 実際には最終的な成果物にはいくつものパターンがあって、作業者が出てきたものについて「この路線ならこういう検討はした？」「ここはこっちのほうが良くなる」「会社の成果物にするにはここのクオリティはもっと上げて」という成果物を良くするための指示と考えさせる訓練なんだよね 2023-11-16 23:56:10 お鯛 @otto_morgen まとめの中に上司や営業が客先からの要求ちゃんと聞いてこないからやり直しに。みたいなコメントあったけど、客先はそのモノのプロではない（から依頼をしてきている）ので基本的に出てきたせいかに対して初めて良い悪いの判断をするので最初から詳しく聞けば正解がわかるということは無いよね。 2023-11-17 00:00:24

透析中止報道の詳細が徐々に明らかになってきた。 結論から言えばコミュニケーションに問題があったかもしれないが 福生病院は充分ではなかったにせよ大きくは逸脱していないと思う。 まずは、２つの記事を読んで欲しい、 透析中止、他にも２０人の情報　全員死亡か：イザ！  →こちら 東京都福生（ふっさ）市の「公立福生病院」で昨年８月、担当医が腎臓病患者の女性＝当時（４４）＝に人工透析治療中止の選択肢を示し、中止を選んだ女性が約１週間後に死亡した問題で、平成２５年以降、同病院で他にも約２０人の患者が透析治療を選択しなかった可能性があることが８日、関係者への取材で分かった。これらの患者は全員死亡したとの情報もある。 << 下に続く >> 一般的に透析が必要とされる腎臓病患者が、透析や腎移植を受けないで生きていくことは難しいとされる。同病院を監督する都は病院側が必要な情報提供を行った上で、患者らの意向を十分

この記事には、ゲーム「UNDERTALE」のネタバレが含まれます。 ネタバレによってゲーム体験を致命的に損なう可能性が高い作品です。今後プレイする予定のある方は、ぜひプレイ後にお読みください。 UNDERTALE（アンダーテール）とは、「知る人ぞ知る」と言うにしてはあまりにも有名になりすぎたインディーゲームです。2015年にPC向けに開発され、現在はSteam、XBOX、PSVITA、PS4、Nintendo Switch…と、多くのプラットフォームで遊ぶことができます。 ほぼToby Fox氏個人で開発した作品でありながら、各メディアのGOTY（ゲーム・オブ・ザ・イヤー）に多数ノミネートされており、「メタルギアやマリオが出てくる受賞ランキングに個人開発ゲームが入ってるってどういうことだよ！！！！！？？？？！！！！！」と当時せっせとゲームスタジオで働いていた私は卒倒しそうになりました。 こ

「ポンチ絵」が大好きだ。 なかでも官公庁のつくるポンチ絵がいい。 細かく書き込まれた文字にフリーのイラスト素材、あちらこちらを向いた派手な矢印と吹き出し、関係性を示す線……。圧倒的な情報量がぎゅうぎゅうに詰め込まれた1枚の資料……。それこそが至高のポンチ絵だ。 言葉で説明していても、きっとこの魅力は伝わるまい。まずはご覧いただこう。 環境庁による名作「地域循環共生圏（日本発の脱炭素化・SDGs構想）」とにかくうつくしい。見とれるほどに。 デザインを学んだ人なら眉をひそめるかもしれない。だが、その複雑怪奇な魅力にはあらがえない――。 いったいなぜこんなものが生まれたのだろうか。誰がどうやってつくっているのか。なんのために…どんな意味があるのだろう？ わからないことだらけだ。 そこでこの記事では、官公庁のパワポ資料（いわゆるポンチ絵）の独特さ、ポンチ絵が生まれた背景とその使命について考察し、ポ