【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
任天堂とアクセシビリティ
先日、任天堂の株主総会が行われた。例によって詳細をまとめているので前回の記事をご覧いただきたい。 任天堂株主総会レポート2024 | N-Styles 株主総会レポートでも記載したが、質疑応答で最初に指名された質問者が「任天堂は視覚障害者対応が遅れているのではないか」と指摘し、私はこの質問に非常に驚いた。 なぜなら、私自身が株主総会参加の半年以上前から用意していた質問とほぼ同じだったからだ。 この質問内容を7月1日に任天堂が掲載した議事録から引用する。 Q1 ゲームを遊びたいと思っている視覚障がいを持つ人も、世の中にはいると思う。任天堂がこうした方に向けて取り組んでいることがあれば説明してほしい。 A1 代表取締役社長 古川俊太郎： 当社では、世界中の多くの方々に当社のゲームを遊んでいただきたいと考えています。この場で具体的な取り組みを申し上げることは控えさせていただきますが、視覚障がいの
※以下の記事は執筆中で、明日以降内容が変わると思いますが、普通に忘れて放置する可能性もあるので一応上げておきます。 ※（2024/01/23 18時追記）よく見たら社名はポケットピアではなくポケットペアでした。社名を間違えるのは本当にリスペクトの足りない行為だと思いますので、お詫びして訂正します。ポケットペアの皆さん、ごめんなさい。 ※割と普通に読めるみたいで、編集しなくても良さそうなのでもうこれで完成ということにします。 先日発売された『パルワールド』。Steamで驚異的な売り上げを記録している一方、ポケモンのパクリかどうかみたいな話が思った以上に話題になっているので、既プレイ者として少々語ろうと思う。 記事の構成としては、概ね下記の目次の通りとなる。 パルワールドを「パクリゲー」と言えるかどうかは、ゲームシステムとアートスタイルのどちらに重きを置いて評価するかによる部分があるので、出来
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストールのやり方を説明します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをク
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色
初めて使った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日、辻外務副大臣は、訪問先のイスラエル で、先般訪日したビンノン外務省政務局長との会談も踏まえ、カッツ外相と会談しました」という投稿だ。 ポストに記載された外務省公式サイトの報道発表ページには、辻外務副大臣がカッツ外務大臣に対し、「ガザ地区の危機的な人道状況を深刻に懸念しているとした上で、人道支援活動が可能な環境を確保し、また人質の解放につながるような人道的停戦が速やかに実現し、そして、持続可能な停戦が実現することを期待している」こと、「我が国は二国家解決を一貫して支持しており、両当事者の交渉によってのみ、和平が実現できると考えているとする日本の立場」を述べたことなどが記されている。 投稿には会談の様子を写した写真も添えられた。テーブルに座る出席者一人ひとりの前に切り分けられたスイカが置か
４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ
2019年にフリーランスとして独立した時すぐに声をかけていただいて、そこからずっとUIデザイナーとして関わってきた株式会社FLINTERSが今年で設立10周年なんだそうです。それを記念して、なんとメンバーでリレーしながら133日間ブログを書き続けるチャレンジに挑戦中とのこと。今回はその101日目の記事となります。 漫画アプリ「GANMA!」漫画アプリGANMA!僕が関わっているのはGANMA!のスマホアプリです。iOS向けとAndroid向けがあり、その両方のデザインを担当しています。 オリジナルの作品ですと、最近アニメ化された山田くんとLv999の恋をするなどが有名でしょうか。作品自体はいろんな漫画アプリで読めますが、原作はGANMA!発。最新話が最速で読めるのもGANMA!だけです。 GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映される
エルフ『同級生』（1992年）を振り返る。PC恋愛アドベンチャーの道を切り拓いた異例のPCタイトル【アニメ『16bitセンセーション ANOTHER LAYER』連動企画 第1回】 | ゲーム・エンタメ最新情報のファミ通.com
このとき、Aディスクのみを挿入して起動するとプロンプトが表示されてわかるのだが、プログラムのブートには“ELFDOS.SYS ver 3.06”という独自のローダーが使用されている。一部のメーカーを除き、ゲームソフトの実行に別途、MS-DOS（今日のWindowsの遠いご先祖ともいうべきマイクロソフト製の基本ソフトウェア）を用意しなければならなくなるのはもうすこし先のことになる。 さて、タイトル画面が表示される前に、画面左上に小さなウィンドウが現れて“カラーモニター／モノクロモニタ”の選択をさせる。1992年ともなれば、白黒テレビの時代ははるかに遠く、パソコン時代の初期に存在したモノクロディスプレイやグリーンディスプレイもとうの昔に時代遅れのものとなっていた。 それでも、当時のPC-9801用ゲームにはこの選択肢が必要だった。というのは、“98ノート”の通称で親しまれたPC-9800シリー
そろそろクリスマスなんで、埼玉奥地にある「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つのカ
UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator
UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator
【朗報】著作権訴訟で広告ブロッカーが勝訴
Adblock Plusを運営するeyeo社は、ドイツの出版社アクセル・シュプリンガー（Axel Springer）との長期にわたる法廷闘争でまたもや勝利を収めました。 ハンブルクの裁判所は、「広告をブロックするためにウェブサイトのHTMLコードを変更することで広告ブロッカーは著作権を侵害する」と主張する出版社側の訴えを退けた。 もし裁判所が出版社側の味方をしていれば、広告をブロックしたり、アクセシビリティのためにウェブページの配色を変更したりするなど、ウェブサイトのコードを変更しようとする試みは著作権侵害とみなされ、ウェブサイトの所有者から停止命令を受ける可能性があったかもしれない。 （参考までに、HTMLはウェブの95%を構成している。） eyeoはブログ記事で、拡張機能開発者やブラウザだけでなく、一般のインターネットユーザーも影響を受け、損害賠償の支払いを余儀なくされる可能性があった
来たる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万ダウンロードと、うまく行ったもの
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム開発に携わるエンジニアやデザイナーの皆様に、「vibes」を利用してシステムを構築いただく、またはコード等を参照いただくことで、社会全体としてアクセシビリティ向上の取り組みが広がることを目指しています freee株式会社（本社：東京都品川区、CEO：佐々木大輔、以下「freee」）は、freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes（読み：ヴァイブス）」を公開しました。本デザインシステムを公開するこ
月イチでお話させていただいているシリーズ、今月は「年配者と若い人」というテーマでした。タイトルは「My Generation - 年配者がこの先生きのこるには」。先方からは「刺激的なタイトルですね！」とリアクションをいただきました。 スライドはこちら。 またしてもきのこネタなのですが、内容は新作です。アウトプットしたい気持ちと需要がリンクしたので、ほかの機会でも話せたらいいな、と思っています。 サポート記事スライドで内容はけっこう伝わるかとは思うのですが、細かいネタなどのフォローを書いていきます。 タイトル最初は「Don’t trust anyone over XXXty」でした。アメリカのヒッピー文化から出てきた言葉で、若い頃に映画でボブ・ディランが言ったことで広まったとか。書いてるうちにそぐわなくなってきちゃったので変更しました。 「My Generation」はThe Whoの名曲で
Eagle で画像収集・管理が驚くほど簡単に！デザインワークを加速する私の使い方 - Techtouch Developers Blog
はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。（この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ） さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか？ ブックマークで管理？キャプチャ画像をフォルダで管理？画像管理アプリで管理？ はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
《この記事は約 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万回以上再生されるなど、エンジニアを中心に一定の人気を集
この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。 どのボタンも基本、HTMLとCSS（JSもすこし）で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの使い方ができますよ。有名サイトのボタンをコピペできるサービスもおすすめです。 HTML/CSSやJSのコードをリアルタイムで編集、確認できるので、今後のデザイン制作に活用してみてはいかがでしょう。 こんなことできるの?!最新HTMLテクニック・スニペット きらりと輝くコール・トゥ・アクションボタン すべてのモダンブラウザでサポートされるようになった@propertyを利用した新しいCSSの使い方エフェクト。細部まで洗練されあt、注目を集めるCTAボタン。 See the Pen Shin
今年も残すところあと少しとなり、振り返ってみると数えきれないほどのツールや素材がリリースされました。 「本当に役立つツールや素材を集める」をモットーに、2016年からおよそ8年間、定期的に最新ツールをまとめ続けています。 数で言えば、３０００個以上。 知っているか知らないかの違いで、作業時間を大幅に短縮し、売り上げが2倍にワープしたことも何度もあります。 このような経験があるからこそ、ハッキリ言えることがあります。 それは、無料で使える素材を知らずに損している人が、あまりにも多いということ。 残念ですが、あなたの素晴らしい商品やサービスの魅力が、ユーザーに全く伝わっていません。 でも、ご安心ください。 この記事では、そんなあなたの役に立つ2023年公開の無料デザインツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。
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サイトを運営しています。我々の挑戦の一つは、膨大な数の商品画像と説明文から、正確で有用なタグを抽出し、整理して保存しておく事です。このプ
「毎日のように数えきれない数のツールやサービスが登場し、どれが本当に必要なのかわからない」という方へ。 今回は、2024年に入って公開されたデザインに役立つ無料素材やツールをまとめてご紹介します。 「こんなのあったら便利なのに、」を叶える、かゆいところに手が届く便利ツール・素材を中心に、無料で利用、ダウンロードできるものをセレクトしています。 2024年のデザイントレンドでも何度も挙げられていた、「AIの力をうまく利用したツール」も増えています、合わせて確認してみましょう。
ソニー・インタラクティブエンタテインメントは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
はじめに 一流のデザインを取り上げ、一流のデザインたらしめている要素を紹介していきます。 最低限ここはクリアしておくべきという基本的な部分から、その企業独自の発展的なデザインまで取り上げていきます。 今回紹介する要素を真似するだけで、初心者でも玄人が作ったようなデザインを作ることができるでしょう。 特に注目していただきたいのは、 想定されているユーザーとその性質 要素の配置方法 使用されているフォント 基調となっている色 です。早速見ていきましょう！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 渋谷区 最初に紹介するのは渋谷区のトップページです。 かなりシンプル、かつ見やすいページになっています。 区のWebページと
ダークモードは人気があるが、必須ではない。ユーザーはダークモードを好むが、ダークモードなしでも行動は変わらない。ダークモードをアプリケーションレベルではなくシステムレベルで考えているからだ。ダークモードをサポートする場合は、ダークモードでよくある問題を避けるために、そのデザインをテストしよう。 Dark Mode: How Users Think About It and Issues to Avoid by Tanner Kohler and Amy Zhang on August 27, 2023 日本語版2024年1月15日公開 ダークモードがかつてないほど流行している。少なくともこのトピックに関する多くのウェブデザインの記事を読む限りでは、ダークモードは必要不可欠とさえ思うかもしれない。しかし、ダークモードを完全にサポートし、「うまく活用する」ためには貴重な時間とリソースを必要とす
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
パルワールドはパクリゲーか？ - 雑炊閣下備忘録
Visual Studio Codeに入れるべき拡張機能【2023年最新版】 - Qiita
非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
Looker Studioの魅力と便利な使い方を紹介します - yasuhisa's blog
パルワールドのパルのデザインとポケモンのデザインを比較したモチーフ考察する絵師が現る「明確な著作権侵害はなさそう」
「目を疑う」「恥ずかしくないのか」 イスラエル外相との会談風景にカットスイカ...外務省のX投稿に批判相次ぐ
激安テープライト1万円ぶん（280メートル）で家をイルミネーションしたら「ゲーミング家」になった
ミッキーは2024年にパブリックドメイン化、約1世紀にわたるディズニーと著作権との「三角関係」の歴史とは？
PlayStation®30周年を懐かしいデザインで祝う特別モデルのPS5®が登場！
パルワールドがポケモンのパクリではない事をデザイナーが解説する
突撃！ 隣のキーボード M3 2024 - エムスリーテックブログ
中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と..
テキストだけでウェブサイトが作れる！ 最新AIツール3選 | ライフハッカー・ジャパン
エンジニア in ハイパーカジュアル - KAYAC Engineers' Blog
年配者のために若い人とのコミュニケーションや生存戦略について話した
Figmaのデザイン制作が楽になる時短プラグイン30選
版元ドットコムとopenBDプロジェクトは“だれもが自由に使える書誌・書影”を再び提供するためホワイトリスト作成という正攻法に出た | HON.jp News Blog
シャニソンが抱える問題をデザイナーの視点で考察する①ガシャ画面編【後編】｜noteさん
「勉強しろ」じゃ啓発は難しいから。スベり覚悟の「セキュリティ芸人」が笑いで“脆弱性”を伝える理由【フォーカス】
HTML/CSSでできる、押したくなる最新Webボタンエフェクト集
便利すぎて反則級、ずるい無料デザインツール・素材80選【2023年ベスト】
カメムシとテントウムシがいました - 六時のおやつ
【総まとめ】2023年世界で話題になったWebデザイン・ベスト50選
コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】
デザインが楽になる、ずるい最新ツール・素材40個まとめ
転売対策か──「PS5 Pro」30周年記念モデルの応募条件は“19日まで“にPSNプレイ時間30時間以上
エンジニア向け一流デザインまとめ - Qiita
ダークモード：ユーザーの考え方と避けるべき課題