【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
もし世界が消滅して Visual Studio Code の設定が失われてしまった時に、この記事を見ればまた VSCode のカスタマイズが復元できる。 ここでは Visual Studio Code の見た目に影響するものについてのみ 取り上げる。 スクリーンショット Editor Terminal Zen Mode 環境 Visual Studio Code バージョン: 1.94.2 (user setup) コミット: 384ff7382de624fb94dbaf6da11977bba1ecd427 日付: 2024-10-09T16:08:44.566Z Electron: 30.5.1 ElectronBuildId: 10262041 Chromium: 124.0.6367.243 Node.js: 20.16.0 V8: 12.4.254.20-electron.0 OS
任天堂とアクセシビリティ
先日、任天堂の株主総会が行われた。例によって詳細をまとめているので前回の記事をご覧いただきたい。 任天堂株主総会レポート2024 | N-Styles 株主総会レポートでも記載したが、質疑応答で最初に指名された質問者が「任天堂は視覚障害者対応が遅れているのではないか」と指摘し、私はこの質問に非常に驚いた。 なぜなら、私自身が株主総会参加の半年以上前から用意していた質問とほぼ同じだったからだ。 この質問内容を7月1日に任天堂が掲載した議事録から引用する。 Q1 ゲームを遊びたいと思っている視覚障がいを持つ人も、世の中にはいると思う。任天堂がこうした方に向けて取り組んでいることがあれば説明してほしい。 A1 代表取締役社長 古川俊太郎： 当社では、世界中の多くの方々に当社のゲームを遊んでいただきたいと考えています。この場で具体的な取り組みを申し上げることは控えさせていただきますが、視覚障がいの
※以下の記事は執筆中で、明日以降内容が変わると思いますが、普通に忘れて放置する可能性もあるので一応上げておきます。 ※（2024/01/23 18時追記）よく見たら社名はポケットピアではなくポケットペアでした。社名を間違えるのは本当にリスペクトの足りない行為だと思いますので、お詫びして訂正します。ポケットペアの皆さん、ごめんなさい。 ※割と普通に読めるみたいで、編集しなくても良さそうなのでもうこれで完成ということにします。 先日発売された『パルワールド』。Steamで驚異的な売り上げを記録している一方、ポケモンのパクリかどうかみたいな話が思った以上に話題になっているので、既プレイ者として少々語ろうと思う。 記事の構成としては、概ね下記の目次の通りとなる。 パルワールドを「パクリゲー」と言えるかどうかは、ゲームシステムとアートスタイルのどちらに重きを置いて評価するかによる部分があるので、出来
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストールのやり方を説明します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをク
初めて使ったBIツールはLooker Studioのid:syou6162です。これまでTableau / Looker(≠ Looker Studio) / Metabase / Redash / Connected Sheetsなど色々なBIツールを触ってきましたが、不満は色々ありつつも個人的に一番しっくりきて愛着があるのはLooker Studioです。このエントリでは、その魅力と便利な使い方や注意点について書きます。例によって、社内勉強会向けの内容を外向けに公開しているため、内容の網羅性などは特に担保していないことにご注意ください。 Looker Studioの魅力 利用のハードルが限りなく低い & Google Workspaceとの連携が便利 複雑過ぎることができないので、諦めが付けやすい ちゃんとBIツールになっている Looker Studioの便利な使い方 多様なデータソ
嘯(しゃお, 𝕏iao)🩺🎨 @xiao_signo028 絵を描く医者。専門は神経(neurology)。Pixiv→ pixiv.net/users/181992。医学界新聞にて『ひなこの研修日記』連載終了→ bit.ly/3nAw2Y3 解剖図等→＃XiaosAnatomy Misskey→@xiao_signo028@nijimiss.moe 嘯(しゃお, 𝕏iao) @xiao_signo028 パルワールドのパルのデザインが色々と話題なので、ポケモン等のデザインと比較してモチーフ考察をしました。いずれも明確な著作権侵害にあたるものではないと思います。あくまで既視感の源を探す試みです。キャラデザは「シルエット」「配色」「ディティール」が重要だと思います(1/2) pic.twitter.com/3WKdFQDbwm
ディスプレイには「WE WON'T STOP」の文字も 問題となっているのは、外務省公式Xの「2月28日、辻外務副大臣は、訪問先のイスラエル で、先般訪日したビンノン外務省政務局長との会談も踏まえ、カッツ外相と会談しました」という投稿だ。 ポストに記載された外務省公式サイトの報道発表ページには、辻外務副大臣がカッツ外務大臣に対し、「ガザ地区の危機的な人道状況を深刻に懸念しているとした上で、人道支援活動が可能な環境を確保し、また人質の解放につながるような人道的停戦が速やかに実現し、そして、持続可能な停戦が実現することを期待している」こと、「我が国は二国家解決を一貫して支持しており、両当事者の交渉によってのみ、和平が実現できると考えているとする日本の立場」を述べたことなどが記されている。 投稿には会談の様子を写した写真も添えられた。テーブルに座る出席者一人ひとりの前に切り分けられたスイカが置か
そろそろクリスマスなんで、埼玉奥地にある「100万円の古民家」にも飾り付けをしたい。そこで上司のYoshioに予算の相談をしてみたところ、「1万円ならOK」との許可が出た。 たった1万円かぁ……とボヤきつつ、中国EC「シーイン（SHEIN）」を眺めていたら、長さ40メートルものLEDテープライトが、たったの1477円で売っているではないか！ これを7巻買ったら合計10339円。300円チョイならオーバーしても許されるだろう。ということで、合計280メートルの激安テープライトで家全体をイルミネーションしてみることにした。 激安テープライトの生産地は、当然（？）ながらメイドインチャイナ。 これまでの人生、数々の中国産テープライトを使ってきたが、今回の商品、安いわりには「薄いのに、けっこうしっかりしてるな……」といった印象を受けた。 そう簡単に断線しなさそうだし、なによりテープの粘着力がしっかり
by Kansir 1928年に「蒸気船ウィリー」に登場したミッキーマウスは、繰り返しの著作権保護期間延長を経て、2024年1月1日、ついにパブリックドメインとなります。登場から95年間、ミッキーとディズニー、パブリックドメインをつなぐ密接な「三角関係」について、デューク大学のパブリックドメイン研究センターでディレクターを務めるジェニファー・ジェンキンス氏が解説しています。 Mickey, Disney, and the Public Domain: a 95-year Love Triangle | Duke University School of Law https://web.law.duke.edu/cspd/mickey/ ミッキーマウスは1928年に公開された「蒸気船ウィリー」に初登場したキャラクターなので、「蒸気船ウィリー」の著作権保護期間満了に伴ってパブリックドメインにな
失敗しない美しいUIにする配色の選びかた【実践編】
Refactoring UIで公開された「Building Your Color Palette」より許可をもらい、日本語抄訳しています。 これまでに以下のように鮮やかな色の配色ツールを使ったことはあるでしょうか？ ベースとなる色を選び、「補色」や「類似色」などいくつかの配色オプションを調整すると、ホームページを構築するために使用すべき５つの色見本が表示されるというものです。 完璧な配色を選ぶためのこの計算された科学的アプローチは、とても魅力的に見えますが、実はあまり役に立ちません。 自分のサイトをこんな風にしたのなら話は別ですが… 実際のホームページに必要な配色 ずばり、５つのHEXカラーコードだけでは何も作れません。 実際にホームページを制作するには、もっと包括的な色のセットが必要です。 インターフェースにはこれだけたくさんの色が使われている 良いとされる配色カラーパレットは、3つのカ
第50回衆院選の各社の情勢報道を一覧にしていきます。判定の基準や配色は原則として以下の表に従います。詳細な説明や例外的な処理などはガイドラインにまとめられています。 ●それぞれの小選挙区の候補者は、上の表における「階級」の平均値が大きい者から順に並べられています。すなわち、報道が総じて優勢とみなしている候補を上から配置するようになっています。平均値が同じ場合は、最も左の（古い）情勢報道を除外して平均を再計算することを、差がつくまで行って配置します。 ●以下に掲載した各小選挙区の表には、情勢表現の前に数字を記載してあります（「1 リード」「2 懸命に追う」「3 厳しい」など）。これは、優劣が明記されている場合はその順で、明記されていない場合は記述された名前の順番です。 ●候補者の名前と所属する政党の表記は原則としてNHKに合わせていますが、次の点が異なります。①立憲民主党と無所属に関しては、
来たる12月3日（火）、PlayStation®は誕生から30周年を迎えます。初代PlayStationの発売から30周年という節目を記念し、過去と現在をつなぐ、特別な商品をご用意しました。 「PlayStation 30周年アニバーサリー コレクション」です。 今回の特別モデルは、この30年間のゲームの歴史への敬意と感謝の思いを込めた商品です。ファンの皆さんや、才能あふれるゲーム開発者の皆さんの情熱とご支援なくして、この日を迎えることはできません。本コレクションは、1994年12月3日（土）に発売した初代PlayStationの配色を最新のPlayStation®5や周辺機器にあしらうことで、当時の思い出を彷彿させるデザインに仕上げました。 「PlayStation 30周年アニバーサリー コレクション」は、数量限定で販売します。
パルワールドのモンスター「パル」がポケモンのパクリではないか、任天堂法務部が動くのではないかと話題になり例によって「比較画像」などが作られ拡散されている。 （「パルワールド 比較」などで各自検索してもらいたい） 並べて見ると誰でも確かにと思うかもしれない。 しかしこれは悪意のある誘導・デマなので騙されないでほしい。 モチーフが同じならデザインは似るポケモンのデザインは現実の動植物などをモチーフにしている。 パルワールドもそう。つまり元ネタが同じ。 元ネタが同じでデフォルメのテイストも同じなら見た目が似るのは当たり前。 動物の毛並みをトゲトゲした形にデフォルメする、草花モチーフなので花びら状のパーツをつける、ふわふわした毛をつけて可愛らしくする、トサカで獰猛な印象にする、こうした表現はポケモンの専売特許ではない。 モチーフとゲーム的な必然性から配色も決まっているパルとポケモンの一部はカラーリ
無料ダウンロードOK、おすすめのフリーフォント総まとめ
Tweet Pocket このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に181個まとめてみました。 気になるフォントがあればぜひ使ってみてくださいね。 現役WEBデザイナーおすすめの見やすいフォントTOP5それではさっそく、現役WEBデザイナ
こんにちは。AI・機械学習チームの氏家（@mowmow1259）です。 エムスリー福岡オフィスの一人目のエンジニアとして福岡で働いています。 さて、突然ですがみなさんはキーボードにこだわりがありますか？ キーボードはタイピングを日常的に行う我々にとって大切な商売道具であり、その使用感は日々の生産性を大きく左右します。 そのような理屈を抜きにしても、自分好みにキーボード環境をカスタマイズしていくのは単純にオタク心をくすぐられますよね。 近年では自作キーボードなどカスタマイズ性の高いキーボードも多く販売されており、つい最近行われた天下一キーボードわいわい会は大変な盛り上がりを見せていたようです*1。 tenkey.connpass.com エムスリーでもキーボードにこだわりがある方は多く、キーボードについてもそのギークさを遺憾無く発揮しています。 2019年の記事で一度弊社エンジニアのこだわり
中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と緑の配色で何かずんだもんっぽくなった！スカートだしお嬢様風のずんだもんだね！」 ずんだもんファン「お嬢様ずんだもん可愛い！」「腰ヘコミームよりずっといい」「お嬢様ずんだもんがお洒落を楽しむ幸せなイラストを描きました！」 ルッキズムに脳を支配され男叩きと女の容姿ジャッジに生きがいを見出す整形・夜職・病み系界隈のアカウント「だっっっっさｗｗｗ」「芋すぎるｗ」「アクシーズはありえないｗ」「こういうダサい眼鏡してそうｗ（シンプルなデザインの眼鏡の画像）」「アニメイトにひきこもってろ」「ディズニーで他のキャラクターの格好をするのはルール違反（※オタクの内輪ルールでありそんな決まりはない）、こいつは潰されるべき」 病み系界隈絵師①「（ダサいくせに意気揚々と外出して人に不快な思いをさせ迷惑をかける奴がこれ以上ディズニーに行こうとするのを
生成AIツールはいまや、動画制作から住宅のリフォームまで、あらゆるところに入り込んできています。 そうした生成AIモデルが担う新たな作業に、ウェブサイトのデザインもあります。 HTMLのコードを一行たりとも書かず、人目を引くような洗練されたウェブサイトをつくってウェブ上で公開できるのです。 プロンプトでホームページの制作ができるやり方は、テキストや画像をAIで生成する場合と同じです。 つまり、プロンプトを入力すれば、AIが魔法を使って、人間の指示どおりにウェブサイトを生成してくれるわけです。 ウェブサイトの目的や、希望するビジュアルスタイルはもちろん、ページ上に入れたい個別の構成要素（画像やメニューなど）を具体的に指示することもできます。 いまでは、さまざまなウェブサイト作成サービスがAIを導入しています。今回は、そうしたサービスから3つをピックアップしました。 WixWixでは、これぞと
こんにちは。技術部平山です。 今回は、ハイパーカジュアルというジャンルにおけるエンジニア、 というテーマで書きます。 勉強会でしゃべった動画がありますので、そちらを見て頂いても良いかと思います。 外に出すということで、普段よりも多少丁寧にしゃべっております。 前置き 平山が作った製品群 これらは2022年あたりから現在にかけて、平山が自分で企画、実装した製品です。 これらのうち、利益を出せた製品は2つあります。 黒字製品 Draw Saber(Android iOS) Mannequin Downhill(Android iOS) の2つで、順に2800万、2100万ダウンロードです。加えて、いい線まで行ったものの、利益を出すに至らなかった製品が一つあります。 赤字だったTitanShoot Titan Shoot(Android iOS) こちらは210万ダウンロードと、うまく行ったもの
月イチでお話させていただいているシリーズ、今月は「年配者と若い人」というテーマでした。タイトルは「My Generation - 年配者がこの先生きのこるには」。先方からは「刺激的なタイトルですね！」とリアクションをいただきました。 スライドはこちら。 またしてもきのこネタなのですが、内容は新作です。アウトプットしたい気持ちと需要がリンクしたので、ほかの機会でも話せたらいいな、と思っています。 サポート記事スライドで内容はけっこう伝わるかとは思うのですが、細かいネタなどのフォローを書いていきます。 タイトル最初は「Don’t trust anyone over XXXty」でした。アメリカのヒッピー文化から出てきた言葉で、若い頃に映画でボブ・ディランが言ったことで広まったとか。書いてるうちにそぐわなくなってきちゃったので変更しました。 「My Generation」はThe Whoの名曲で
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム開発に携わるエンジニアやデザイナーの皆様に、「vibes」を利用してシステムを構築いただく、またはコード等を参照いただくことで、社会全体としてアクセシビリティ向上の取り組みが広がることを目指しています freee株式会社（本社：東京都品川区、CEO：佐々木大輔、以下「freee」）は、freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes（読み：ヴァイブス）」を公開しました。本デザインシステムを公開するこ
Eagle で画像収集・管理が驚くほど簡単に！デザインワークを加速する私の使い方 - Techtouch Developers Blog
はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。（この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ） さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか？ ブックマークで管理？キャプチャ画像をフォルダで管理？画像管理アプリで管理？ はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl
《この記事は約 21 分で読めます（1分で600字計算）》 一般社団法人版元ドットコムとopenBDプロジェクト（版元ドットコムと株式会社カーリル）は3月29日、版元ドットコム会員社以外の出版社に対し、書誌・書影の読者（第三者）などへの利用承諾を求める取り組みの開始を発表しました。そもそもなぜそのような取り組みが必要なのでしょうか？ 本稿ではその背景や経緯などについて、関係者への取材などを踏まえた上で詳しく解説します。 お断り：アマゾンジャパンには、HON.jpの法人会員として事業活動を賛助いただいています。しかし、本稿の記述は筆者の自由意志であり、対価を伴ったものではありませんし忖度もしていません。また、本稿では論点を絞るため、話をおおむね「書影」に絞ります。以下、常体で記述します。 そもそもなぜ書影の利用許諾が必要なのか？ オンラインショッピングなどで用いられる商品画像――本の場合、そ
こんにちは、 デザインの仕事でご飯を食べている人です。 皆さんはシャニソン、楽しんでいますか？ 私は楽しんでいます。 ドレスアップルーム最高！！！！！！！ 前回に引き続きシャニソンのデザインについて 語っていこうと思います。 （5月18日 追記） ※前編に書きました通り、筆者は漫画や映像のデザインの仕事をしている為UIデザインは未経験です。また、衣装チケットの内容を全面に押し出すのは法律の都合上難しい可能性が高いと複数のご指摘を頂いております。そちらをご了承の上ご覧ください Pガシャ画面の話今回はこの画面について考察します。 画面内に入れる要素が増えて、前回考察した サポガシャよりもレイアウトの難易度が 上がりました。 デザインの前にこのガシャの目玉であるおまけ衣装を画面に入れていない点が猛烈に気になります。 全員がXの情報を追っているわけではないので 絶対にガシャ画面に入れたほうが良いと
TOPフォーカス「勉強しろ」じゃ啓発は難しいから。スベり覚悟の「セキュリティ芸人」が笑いで“脆弱性”を伝える理由【フォーカス】 セキュリティ芸人 アスースン・オンライン ゲーム会社でプログラマーをしつつ、趣味でセキュリティ芸人として活動。情報セキュリティ系のイベントやYouTube上でネタを披露している。R-1グランプリ2023では1回戦を突破。芸名は、大学の後輩にSNS上で陰口を書かれていたとき、本名の「麻生さん」をもじり、敬称まで含めて「ASUSN」と呼ばれていたのが由来とのこと。「オンライン」は語感で付けた。 X 「脆弱だなあ～」のツッコミをキーフレーズに、情報セキュリティや脆弱性をテーマにしたネタを披露する「セキュリティ芸人」のアスースン・オンラインさん。2023年3月に、YouTubeチャンネルに投稿したネタ披露の動画は90万回以上再生されるなど、エンジニアを中心に一定の人気を集
はじめに 一流のデザインを取り上げ、一流のデザインたらしめている要素を紹介していきます。 最低限ここはクリアしておくべきという基本的な部分から、その企業独自の発展的なデザインまで取り上げていきます。 今回紹介する要素を真似するだけで、初心者でも玄人が作ったようなデザインを作ることができるでしょう。 特に注目していただきたいのは、 想定されているユーザーとその性質 要素の配置方法 使用されているフォント 基調となっている色 です。早速見ていきましょう！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 渋谷区 最初に紹介するのは渋谷区のトップページです。 かなりシンプル、かつ見やすいページになっています。 区のWebページと
この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。 どのボタンも基本、HTMLとCSS（JSもすこし）で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの使い方ができますよ。有名サイトのボタンをコピペできるサービスもおすすめです。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット きらりと輝くコール・トゥ・アクションボタン すべてのモダンブラウザでサポートされるようになった@propertyを利用した新しいCSSの使い方エフェクト。細部まで洗練されあt、注目を集めるCTAボタン。 See the Pen Shin
自己紹介としてAIでイラストを生成するようになってからデジタルイラストを依頼していない、という話を軽くさせていただきました。 今回はそちらについて、少し詳しく説明させていただければと思います。 最初は発注の際の参考資料目的で生成をはじめた、という話をさせていただいたのですが、現在はAI生成ばかりやっています。 デジタルイラストを依頼しなくなった理由は大きく分けて以下の二つです。 欲しい絵を描ける人がいないから 権利関係のトラブルにうんざりしているから 今回は「欲しい絵を描ける人がいない」についての話をさせていただければと思います。 注意事項こちらに記載させていただいた内容は全て実体験であり、イラストレーター（絵師）への誹謗中傷・侮辱・イメージダウンを目的としたものではございません。 そもそもお前何者？元々は、絵を買っていた側の人間です。 今は、AIでイラストを生成して楽しんでいる人間です。
camera: OM SYSTEM OM-1 lens: M.ZUIKO DIGITAL ED 90mm F3.5 Macro IS PRO ↑ エゾアオカメムシ…北海道、本州、九州に分布するけれど北海道以外は少なめのようだ。 camera: OM SYSTEM OM-1 lens: M.ZUIKO DIGITAL ED 90mm F3.5 Macro IS PRO ↑ 緑色で綺麗なカメムシ。 camera: OM SYSTEM OM-1 lens: M.ZUIKO DIGITAL ED 90mm F3.5 Macro IS PRO ↑ エゾアオカメムシは今年はこの子1頭しか見かけていない。 カメムシをあまり見ないのは残念でもあるが平和と言えば平和。 何しろ、写真を撮る目的以外に全く用はないからね。 camera: OM SYSTEM OM-1 lens: M.ZUIKO DIGITAL
「このWebサイト、素敵。」と感じさせるモノとは、一体何でしょう。 それはデザインなのか、それとも機能性なのか、または「このフォント、配色が好き」といった特定のデザイン要素かもしれません。 ずばり、この問題の答えはポンと出せるほど単純ではなく、これらの要素を組みあわせることで、素晴らしいWebサイトは生まれます。 この1年間で、デザイン制作の参考にしたいWebサイトを２００以上紹介してきました。 製品やサービスを販売、紹介するサイトや、実験的なサイト、情報を提供する教育的なサイト、政治的なサイト、そして夢中になる体験型サイトまで、業種もさまざまです。 この記事では、デザインアイデアにしたり、トレンドを分析したり、２０２３年の振り返りに最適な５０のWebデザインを厳選してご紹介します。
開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれなWebサイトを素早く開発できるUIコンポーネント素材、あなたはいくつ知っていますか。 Tailwind CSSの便利UIコンポーネントまとめTailwind UIMagic UIDyna UIAnimataPrelineMamba UIFlowbiteDaisy UISailboat UIMeraki UITail-KitReact AriaWicked BlocksTailwind Starter KitWindstaticMyna UITailwind StampHype
OpenAI の GPT-4-vision-preview (VLM) を利用した商品画像のタグ付け - DROBEプロダクト開発ブログ
はじめに DROBE の課題と GPT-4-Vision-Preview を試すモチベーション ケーススタディ 入力するデータ 推論周辺部分のコード プロンプト 実験結果 おわりに 参考文献 はじめに OpenAIが Dev Day で発表したGPT-4-Vision-Previewは、画像処理と自然言語処理を組み合わせた最先端の技術です。 このモデルは、画像を理解し、その内容に基づいてテキスト情報を生成する能力を持っています。例えば、写真やイラストから物体を識別し、それに関連する説明や情報をテキストとして提供できます。この技術は、画像とテキストの間のギャップを橋渡しするものであり、多様な応用が可能です。 DROBEは、多様なファッション商品を取り扱うECサイトを運営しています。我々の挑戦の一つは、膨大な数の商品画像と説明文から、正確で有用なタグを抽出し、整理して保存しておく事です。このプ
ソニー・インタラクティブエンタテインメントは9月30日、「PlayStation 5 Pro 30周年アニバーサリー リミテッドエディション 特別セット」の予約受付を始めた。その応募条件が、いわゆる転売ヤー対策だと一部で話題になっている。 販売ページには、応募には「応募するソニーアカウントでサインインした状態で2014年2月22日から2024年9月19日23:59までの期間にPS5とPS4いずれか、または双方の起動時間が合計30時間以上あること」「応募するソニーアカウントがMy Sony IDとサインインID共通化されていること」の両方を満たす必要がある。 限定版が発表されたのは9月20日。新たに作ったアカウントでの応募はできないため、非プレイヤーは排除されることになる。ネット上では「これで転売ヤーは応募できない」「PS5の発売時にやっていれば」といった声が上がっている。 PS5 Proの
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
ダークモードは人気があるが、必須ではない。ユーザーはダークモードを好むが、ダークモードなしでも行動は変わらない。ダークモードをアプリケーションレベルではなくシステムレベルで考えているからだ。ダークモードをサポートする場合は、ダークモードでよくある問題を避けるために、そのデザインをテストしよう。 Dark Mode: How Users Think About It and Issues to Avoid by Tanner Kohler and Amy Zhang on August 27, 2023 日本語版2024年1月15日公開 ダークモードがかつてないほど流行している。少なくともこのトピックに関する多くのウェブデザインの記事を読む限りでは、ダークモードは必要不可欠とさえ思うかもしれない。しかし、ダークモードを完全にサポートし、「うまく活用する」ためには貴重な時間とリソースを必要とす
ECサイトを制作するとき、レイアウトやデザインに迷うことがありませんか？売れるECサイトのデザイン方法を取り入れて、他社にデザインで差をつけましょう。購入者の目線でECサイトをデザインするコツや、人気サイトが実践しているポイントもわかりやすくご紹介します。 「売れるデザイン」の本質 世の中には、デザインは普通に見えるのによく売れるECサイトがある一方で、デザインがとても綺麗なのに全く売れないECサイトが存在します。つまり、ECサイトの見た目の印象と売上は、必ずしも比例しません。その理由は、どこにあるのでしょうか？ 結論から言うと、売れるECサイトが実践している「売れるデザイン」には、サイトの美しさやかっこよさといった「印象をつくるデザイン」だけではなく、「良い購入体験をつくるデザイン」が含まれています。後者のデザインは、サイトを訪れたユーザの行動（見る・クリック・購入など）を促すことができ
はじめにいつもお世話になっている方も、初めましての方も、この記事を見ようとしてくださり、ありがとうございます。 今回、完全専門外の素人エンジニアが、アプリ開発をして月100万円の不労所得を稼ぐ、という自分の中の一つの目標を達成することができたので、そのロードマップを全て隠すことなくお伝えしていこうと思います。 私は、「IsTalk - トーク分析」というアプリの開発をやっておりまして、X（旧Twitter）で「けい@生成AI×アプリ開発」と言う名前でやらせていただいております。 アプリのアイコン 恋愛の分析をテーマにしたデザインにIsTalkを開発してから、3年が経ち、iOSとAndroid合計で35万ダウンロードを達成しました。（2024年4月16日現在） Androidの情報iOSの情報また、iOS無料アプリのユーティリティというカテゴリで日本ランキング1位を取ったことや、直近の1ヶ月
断捨離せずに綺麗な部屋で暮らしたい｜コハク
しがない一般オタクが「綺麗のために好きを犠牲にしてたまるか！！👊」という気持ちで書き綴った、我が家（ロフト付ワンルーム）の片付け方法noteです！🏠 物の捨て方や、片付けのためのマインドは一切書いていません！ "具体的"な片付け方法だけをまとめました。 ※2024/6/3 追記あり 前書き こんにちは、コハクと申します。 以前自室の写真をツイートしたところ信じ難いほど多くの方から反響があったため、この度初めてnoteを書きました。 想像の1000倍反応をいただいてしまったツイート 私は刀剣乱舞・A3!のグッズ収集が好きなオタクです。 あいにく本や服は人並みにしか所持しておりません、予めご承知おきください。 また、手持ちのグッズ全てを綺麗に飾れる部屋の広さとマメさは持ち合わせておりません。 なので定期的に（気が向いたら）展示物を入れ替えるミュージアム方式で部屋を彩っています。 飾るグッズ
本記事は Design Week 2023 1日目の記事です。 🌈 告知記事 ▶▶ 本記事 ▶▶ 2日目 💐 こんにちは、Webデザイナー3年目の馬場です。 突然ですが、 「メンフィス」「グラスモーフィズム」「アイソメトリック」... 皆さんはこれらのワード、いくつ知ってますか？ もしくはデザイナーの方は、 「このデザイン、最近良く見るけど呼び名とかあるのかな…？」 「他人に言葉で『◯◯のデザイン』と説明したいけど名前がわからない...。」 と思ったことはありませんか？ 私は定期的にWebデザインのトレンドや用語などを調べてインプットしているのですが、 今までよく目にしていたデザインスタイルや模様などに「こんな名前があったんだ」と、恥ずかしながら初めて知ることが多々あります。 今回はそういったデザインスタイルの呼び名を集めましたので、参考サイトや使用事例と共にご紹介していきます。 メン
ChatGPTを活用したデザイン制作
2024年3月28日 Webデザイン, 便利ツール ChatGPT、使っていますか？私は有料プランでほぼ毎日利用しています。Google検索が最近アレなんで、ちょっとした調べ物にも、お仕事の簡単な作業にも使っていますよ。今回はデザインに焦点をあてて、日頃のデザイン作業に使っている方法をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ デザインを0から10までやってもらうのはまだ難しい 結論から言うと、まったくなんの情報もないところから、デザインの完成まで頼むのは、まだ難しいかなと思います。ダミーのWebサイトの画面を作ってもらうとかならまぁまぁなクオリティで作ってはくれますが、それをクライアントに提案できるレベルかと聞かれると、うーん…と唸ってしまいます。 なので、最初から最後まで、素晴らしいクオリティで作ってもらうことは1年後くらいにまた試すとして、2024年現在ではデザイ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
ぼくがかんがえた最強の Visual Studio Code カスタマイズ 2024
パルワールドはパクリゲーか？ - 雑炊閣下備忘録
Visual Studio Codeに入れるべき拡張機能【2023年最新版】 - Qiita
Looker Studioの魅力と便利な使い方を紹介します - yasuhisa's blog
パルワールドのパルのデザインとポケモンのデザインを比較したモチーフ考察する絵師が現る「明確な著作権侵害はなさそう」
「目を疑う」「恥ずかしくないのか」 イスラエル外相との会談風景にカットスイカ...外務省のX投稿に批判相次ぐ
激安テープライト1万円ぶん（280メートル）で家をイルミネーションしたら「ゲーミング家」になった
ミッキーは2024年にパブリックドメイン化、約1世紀にわたるディズニーと著作権との「三角関係」の歴史とは？
第50回衆院選 情勢報道集約｜三春充希(はる) ⭐第50回衆院選情報部
PlayStation®30周年を懐かしいデザインで祝う特別モデルのPS5®が登場！
パルワールドがポケモンのパクリではない事をデザイナーが解説する
突撃！ 隣のキーボード M3 2024 - エムスリーテックブログ
中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と..
テキストだけでウェブサイトが作れる！ 最新AIツール3選 | ライフハッカー・ジャパン
エンジニア in ハイパーカジュアル - KAYAC Engineers' Blog
年配者のために若い人とのコミュニケーションや生存戦略について話した
版元ドットコムとopenBDプロジェクトは“だれもが自由に使える書誌・書影”を再び提供するためホワイトリスト作成という正攻法に出た | HON.jp News Blog
シャニソンが抱える問題をデザイナーの視点で考察する①ガシャ画面編【後編】｜noteさん
「勉強しろ」じゃ啓発は難しいから。スベり覚悟の「セキュリティ芸人」が笑いで“脆弱性”を伝える理由【フォーカス】
エンジニア向け一流デザインまとめ - Qiita
HTML/CSSでできる、押したくなる最新Webボタンエフェクト集
デジタルイラストを依頼しなくなった話①～技量の話｜匿名希望
カメムシとテントウムシがいました - 六時のおやつ
【総まとめ】2023年世界で話題になったWebデザイン・ベスト50選
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
転売対策か──「PS5 Pro」30周年記念モデルの応募条件は“19日まで“にPSNプレイ時間30時間以上
ダークモード：ユーザーの考え方と避けるべき課題
売れるECサイトのデザインとは？5つのポイントと参考事例 | ヤマト運輸
素人アプリ開発者が、ランキング1位を獲得し月100万円の不労所得を得るまで（完全解説）｜keitaaan
こんな名前があったとは！ デザインスタイルの呼び名まとめ - NRIネットコムBlog