ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか？ 背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochromeと淡いカラーで構成されたMoonlightの2種類の配色が用意された、VS Code用のテーマファイルを紹介します。
このダークテーマは目に優しく、コードも見やすい！ VS Codeのエレガントなモノクロームのテーマファイル -Sequoia
ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか？ 背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochromeと淡いカラーで構成されたMoonlightの2種類の配色が用意された、VS Code用のテーマファイルを紹介します。
今期のアニメーション界の話題を席巻する作品になった、はまじあきの４コマ漫画『ぼっち・ざ・ろっく！』。 【写真】後藤ひとりのアイコン！ ぼっちちゃんジャージが登場 「陰キャならロックをやれ！」というキャッチコピーはインパクト抜群であった。陰キャ女子の後藤ひとり（ぼっちちゃん）のネガティブっぷりが炸裂するギャグ漫画と思いきや、ぼっちちゃんの成長があり、バンドメンバーとの友情もあり……と、実は王道を行く成長物語であり、音楽漫画としても読みごたえ抜群の名作なのだ。 そんな注目作を生み出した、漫画家はまじあきに直撃インタビュー。12月24日にはアニメーションが最終回を迎えたばかりだが、気になる漫画の今後についてもお話を伺った。 『ぼっち・ざ・ろっく！』第１巻。「まんがタイムきららMAX」で連載中。はまじあき著、芳文社／刊 ぼっちちゃんは作者自身の投影!? ――『ぼっち・ざ・ろっく！』は今期のアニメで
パルワールドのモンスター「パル」がポケモンのパクリではないか、任天堂法務部が動くのではないかと話題になり例によって「比較画像」などが作られ拡散されている。 （「パルワールド 比較」などで各自検索してもらいたい） 並べて見ると誰でも確かにと思うかもしれない。 しかしこれは悪意のある誘導・デマなので騙されないでほしい。 モチーフが同じならデザインは似るポケモンのデザインは現実の動植物などをモチーフにしている。 パルワールドもそう。つまり元ネタが同じ。 元ネタが同じでデフォルメのテイストも同じなら見た目が似るのは当たり前。 動物の毛並みをトゲトゲした形にデフォルメする、草花モチーフなので花びら状のパーツをつける、ふわふわした毛をつけて可愛らしくする、トサカで獰猛な印象にする、こうした表現はポケモンの専売特許ではない。 モチーフとゲーム的な必然性から配色も決まっているパルとポケモンの一部はカラーリ
観光地でみかける、景観規制に合わせて見慣れぬ姿となったチェーン店。 京都が一番有名だろうけど、軽井沢だって負けてないのだ。 シックな色が妙にかっこいいローソンや、シンプルで湯豆腐のようなツルハドラッグなど、見慣れぬ姿がおもしろい。 今回、京都在住ライターまこまこまこっちゃんさんの助けを借りつつ、軽井沢・京都・鎌倉の景観規制チェーン店を見比べてみた。 自治体のルールに合わせて、全部微妙に違うんです。 そして超たいへんそう。 ハイソでステキな軽井沢はチェーン店までひと味違う こないだ軽井沢に行ってきた。 お金持ちのためのking of 避暑地というパブリックイメージのある軽井沢だが、庶民が行ってもふつうに楽しかったのである。 一軒家風レストランで食べるモーニングや、 森林浴と清流、 入れないけど雰囲気は味わえる別荘街、 古い洋館と穏やかな湖面など、 思い描いていた通りのハイソでステキな場所であ
無料ダウンロードOK、おすすめのフリーフォント総まとめ
Tweet Pocket このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に181個まとめてみました。 気になるフォントがあればぜひ使ってみてくださいね。 現役WEBデザイナーおすすめの見やすいフォントTOP5それではさっそく、現役WEBデザイナ
Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹介します。 クライアントとの打ち合わせ時のサンプル見本や、「ああしたい、こうしたい」というデザインの共有にもおすすめです。 Webデザインに悩まない、心をつかむ最新サイトまとめ YOLU[ヨル] ナイトケア ビューティーブランド 満点の星空をテーマに、流れ星のようなSVGラインアニメーションが素敵な、美容系ウェブサイト。 Shop MrBeast 2022年を代表する、90年代レトロブームの再来をテーマにしたウェブサイト。 パステルカラーの配色や、ピクセルドット風フォント、くるくるまわるホバ
こんにちは。AI・機械学習チームの氏家（@mowmow1259）です。 エムスリー福岡オフィスの一人目のエンジニアとして福岡で働いています。 さて、突然ですがみなさんはキーボードにこだわりがありますか？ キーボードはタイピングを日常的に行う我々にとって大切な商売道具であり、その使用感は日々の生産性を大きく左右します。 そのような理屈を抜きにしても、自分好みにキーボード環境をカスタマイズしていくのは単純にオタク心をくすぐられますよね。 近年では自作キーボードなどカスタマイズ性の高いキーボードも多く販売されており、つい最近行われた天下一キーボードわいわい会は大変な盛り上がりを見せていたようです*1。 tenkey.connpass.com エムスリーでもキーボードにこだわりがある方は多く、キーボードについてもそのギークさを遺憾無く発揮しています。 2019年の記事で一度弊社エンジニアのこだわり
2021年12月16日、オインクゲームズの人気小箱ボードゲームを Nintendo Switch で遊べる「レッツプレイ！オインクゲームズ」がリリースされました。 ボードゲームのデジタル化は、数々のデジタルゲームを手掛けてきたオインクゲームズのデジタル部にとっても初めての挑戦で、試行錯誤の連続でした。元々のボードゲームをよく知ってるだけに、対面でプレイした時の楽しさ・盛り上がりが再現できるか、不安がありました。しかし、チーム内で何度もテストを重ね、UI や演出を工夫していった結果、間違いなく対面でのプレイに匹敵する作品が完成しました。 XD 上で色々と考えながら UI を作っても、実際に組み込んで動かしてみると、全然意図通りに機能しなかったり、分かりにくかったりすることがたくさんありました。ここでは、UI デザイン・演出担当が、どのような問題を感じ、どのように解決していったかを、初期に開発
中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と緑の配色で何かずんだもんっぽくなった！スカートだしお嬢様風のずんだもんだね！」 ずんだもんファン「お嬢様ずんだもん可愛い！」「腰ヘコミームよりずっといい」「お嬢様ずんだもんがお洒落を楽しむ幸せなイラストを描きました！」 ルッキズムに脳を支配され男叩きと女の容姿ジャッジに生きがいを見出す整形・夜職・病み系界隈のアカウント「だっっっっさｗｗｗ」「芋すぎるｗ」「アクシーズはありえないｗ」「こういうダサい眼鏡してそうｗ（シンプルなデザインの眼鏡の画像）」「アニメイトにひきこもってろ」「ディズニーで他のキャラクターの格好をするのはルール違反（※オタクの内輪ルールでありそんな決まりはない）、こいつは潰されるべき」 病み系界隈絵師①「（ダサいくせに意気揚々と外出して人に不快な思いをさせ迷惑をかける奴がこれ以上ディズニーに行こうとするのを
HTML制作で気をつけたい スクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ブラウザのスクロールバーは、OSの種類によって挙動や見た目がさまざまです。環境によって挙動が違うため、自分の環境では問題なくても、ユーザーの環境から見ると問題が起きていることがあります。次のような問題を経験したことがある人も多いのではないでしょうか？ 不要なスクロール領域ができていた スクロールバーの切り替わりで画面がガタつく これらの問題を防ぐためには、対処法のほかにどんな環境で発生するのかを知っておく必要があります。本記事では、スクロールバーの簡単な説明と、2つのよくある問題と対処法について紹介します。 スクロールバーの簡単な説明と、制作時のポイント よくある問題を紹介する前に、スクロールバーの簡単な説明と、macOSで制作する時の注意点について触れておきたいと思
生成AIツールはいまや、動画制作から住宅のリフォームまで、あらゆるところに入り込んできています。 そうした生成AIモデルが担う新たな作業に、ウェブサイトのデザインもあります。 HTMLのコードを一行たりとも書かず、人目を引くような洗練されたウェブサイトをつくってウェブ上で公開できるのです。 プロンプトでホームページの制作ができるやり方は、テキストや画像をAIで生成する場合と同じです。 つまり、プロンプトを入力すれば、AIが魔法を使って、人間の指示どおりにウェブサイトを生成してくれるわけです。 ウェブサイトの目的や、希望するビジュアルスタイルはもちろん、ページ上に入れたい個別の構成要素（画像やメニューなど）を具体的に指示することもできます。 いまでは、さまざまなウェブサイト作成サービスがAIを導入しています。今回は、そうしたサービスから3つをピックアップしました。 WixWixでは、これぞと
「青い救急車」開発 色覚障害でも見やすく
救急車や消防車の開発を手がけるベルリング（東京）は、色覚障害がある人でも見やすいように青を基調とした救急車を開発し、７日、東京都内で報道陣に公開した。 白地に赤いラインが入った従来の救急車は、赤が見えにくい人には通常のワゴン車と見分けが難しい。見慣れない配色で目立たせ、道を譲ってもらいやすくする狙いもある。ただ、救急車の車体は法令で白と決まっており、まずは啓発イベントでの活用や、緊急性の低い患者移送を担う民間救急での導入を目指す。 車体は現代アーティストの山口歴さんが、空や海をイメージしてデザイン。青をベースに白や水色の模様を描いている。 総務省消防庁によると、救急車が通報を受けてから現場到着までの平均時間は９・４分で、２０年前より３分以上延びた。一般の車の防音性能が向上してサイレンが聞こえにくくなったのが一因とされ、同社は目立ちやすい車両の開発を進めていた。
公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入
ビデオ会議で顔出しNGな人でも感情を表現できるように、絵文字やテキストをカメラ映像代わりに表示するためのサービスを作りました。 自分のカメラ映像の代わりにこういうやつを表示 👆 こんな感じでZoomやGoogle Meetでのビデオ会議で、自分の顔の代わりに絵文字を表示できるサービスです。絵文字に動きをつけたり、自由に文字入力することもできます。 👆 画面共有ではなく、本来自分の映像が表示されるスペースに、絵文字を表示させるような形で使います。 ユーザー登録なしで使えますが、ZoomやGoogle Meetにブラウザの画面を表示するためにOBSをインストールする必要があります。初回の設定手順は使い方ページで詳しく説明してあります。 作った理由 Zoomのイベントでパネルディスカッションに参加することになったからです（DevIO 2021）。顔は出したくないものの、自分だけ静止画のアイコ
この記事では、日常行っているWebデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめてご紹介しています。 これらの新しいツールやサービスを利用すれば、これまで後回しにしていた面倒な作業も自動化し、生産性アップ、円滑なプロジェクト進行を実現できるでしょう。「もっと早く知っておけばよかった」と思わせてくれる便利ツールが揃います。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. デザインからコードへの変換ツール 4. Web制作お役立ちツール 5. プロトタイプツール 6. コラボレーションツール 7. アイコン素材パック 8. 面白ツール 新型コロナの影響で無料提供中のオンラインツール、サービスまとめ 現在新型コロナウイルスの世界的流行の拡大によって、無料提供されて
この記事では、普段のホームページ制作で直面しがちな課題を解決するCSSテクニックをまとめて紹介しています。 クライアントからの要望も多いCSSの小技テクから、「これがCSSだけでできるの？」と疑いたくなるような最新の使い方まで、実例やサンプル用ソースコードと一緒に確認できます。 ここで紹介されているCSSテクニックを利用すれば、これまで頭を抱えていた問題や課題も、一発で解決できるかもしれません。 コンテンツ目次 1. 入力フォームをカスタマイズしたい 2. ナビゲーションメニューを使いやすくしたい 3. ボタンを目立たせたい 4. リンク用エフェクトにこだわりたい 5. スクロールバーをサイトの色で統一したい 6. ドロップシャドウの影にもこだわりを 7. グラデーションをビンテージ風にしたい 8. CSSで要素を中央寄せする5つの方法 9. ブラウザごとのデザインのずれを防ぎたい 10.
ライザの成長した姿を描くのは，針に糸を通すような仕事。「ライザのアトリエ２」キャラクターデザインをイラストレーターのトリダモノ氏に聞く
ライザの成長した姿を描くのは，針に糸を通すような仕事。「ライザのアトリエ２」キャラクターデザインをイラストレーターのトリダモノ氏に聞く 編集部：御月亜希 カメラマン：佐々木秀二 12→ コーエーテクモゲームスのガストブランドが，2020年12月3日（PC版は2021年1月）に発売を予定している「ライザのアトリエ２〜失われた伝承と秘密の妖精〜」（PS4/Switch 以下，「ライザ２」）。主人公ライザリン・シュタウト（ライザ）が話題になり，シリーズ中で最高の販売数を記録している「ライザのアトリエ 〜常闇の女王と秘密の隠れ家〜」（PS4/Switch/PC）の続編だ。 今作では，シリーズ初となる主人公の続投形式が採用され，前作から3年経ったライザの冒険が描かれる。 ライザといえば，キャラクターデザインが完成するまでに大変な苦労があったというのは，「こちら」の記事でイラストレーターのトリダモノ氏
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
こんにちは。技術部平山です。 今回は、ハイパーカジュアルというジャンルにおけるエンジニア、 というテーマで書きます。 勉強会でしゃべった動画がありますので、そちらを見て頂いても良いかと思います。 外に出すということで、普段よりも多少丁寧にしゃべっております。 前置き 平山が作った製品群 これらは2022年あたりから現在にかけて、平山が自分で企画、実装した製品です。 これらのうち、利益を出せた製品は2つあります。 黒字製品 Draw Saber(Android iOS) Mannequin Downhill(Android iOS) の2つで、順に2800万、2100万ダウンロードです。加えて、いい線まで行ったものの、利益を出すに至らなかった製品が一つあります。 赤字だったTitanShoot Titan Shoot(Android iOS) こちらは210万ダウンロードと、うまく行ったもの
先日、こんな記事を見かけました。 テックブログは続かない - note.com 採用目的でテックブログを始めたものの、時間の経過とともに古い記事ばかりになる or すでに退職している社員の記事ばかりになる…というのはよく見かける光景です。 目の前のタスクが積み上がっている状況で、業務時間内にブログを書く時間を取るのはなかなか難しいと思います。 そうは言っても業務時間外に無償で会社のブログに書くのもなかなか気乗りしません。「数年以内に転職するかもしれない」という気持ちがあればなおさらです。記事が転職しても自分のものとして残るのであれば、書くモチベーションは上がるのかもしれません。 その後、こんなツイートを見かけました。 企業のテックブログと言えば「会社がひとつブログを作って、みんなでそこに投稿する」という形が当たり前になっていますが、たしかに個々人の投稿を集約する場所を用意するだけでも良いの
「スーパーマリオ」でスターを取ったときの光り方は，地上と地下で違う。そこにはファミコンゆえの理由があった 編集部：荒井陽介 本日（2023年7月15日），発売40周年を迎えたファミリーコンピュータで最大のヒットタイトルといえば，全世界での販売本数が4000万本を超えたとされている「スーパーマリオブラザーズ」（以下，スーパーマリオ）だろう。 当時生まれていなくても，「バーチャルコンソール」や「ニンテンドークラシックミニ ファミリーコンピュータ」「ファミリーコンピュータ Nintendo Switch Online」などで触れた人は多いはずで，家庭用ゲーム史上，もっとも多くの人がプレイしたタイトルかもしれない。 そんなスーパーマリオなので，特定のブロックを叩くと出てくる「スター」を取ると，マリオの体が激しく光り，無敵状態になる……ということは，今さら説明するまでもないだろう。 だが，その「マリ
mixi、コーポレートブランドリニューアルのお知らせ
株式会社ミクシィ（東京都渋谷区、代表取締役社長：木村弘毅）は、より心の通い合う社会の実現を目指し、コーポレートブランドのリニューアルを行います。そして、人々の感情にフォーカスした経営スタイルを追求することで独自化を図り、今後の更なる成長と企業価値の最大化を目指してまいります。 当社は、これまでSNS「mixi」やスマホゲーム「モンスターストライク」など、友人や家族といった親しい人と一緒に楽しむコミュニケーションサービスを提供し、成長してまいりました。そして現在は、「エンタメ×テクノロジーの力で、世界のコミュニケーションを豊かに」を中期経営方針に掲げ、デジタルエンターテインメントおよびスポーツ領域での事業成長に注力しています。 コーポレートブランドをリニューアルする背景 これまでの取り組みの振り返りの中から、当社が追求している本質的に大切なものを改めて見つめ直しました。そしてたどり着いた答え
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
2077年の架空の都市ナイトシティに生きる人々、クルマ、建物にいたるまで、高密度な画づくりで世界観をつくり上げ評判を呼んだ本作。開発時にどのようなアートディレクションが行われ、現場での試行錯誤があったのか、CD PROJEKT REDの開発チームへのインタビューを通じて、そのプロセスを探る。 ※本記事は、CGWORLD vol.289（2022年9月号）掲載の記事を再構成したものです Interviewee CD PROJEKT RED en.cdprojektred.com 写真上段左から キャラクター・車両・武器担当アートディレクター：PawełMielniczuk／パヴェウ・ミエルニチュク氏 背景担当アートディレクター：Lucjan Więcek／ルチアン・ヴィエンツェク氏 写真下段左から 映像効果・ライティング担当アートディレクター：Jakub Knapik／ヤクブ・クナピク氏 キ
月イチでお話させていただいているシリーズ、今月は「年配者と若い人」というテーマでした。タイトルは「My Generation - 年配者がこの先生きのこるには」。先方からは「刺激的なタイトルですね！」とリアクションをいただきました。 スライドはこちら。 またしてもきのこネタなのですが、内容は新作です。アウトプットしたい気持ちと需要がリンクしたので、ほかの機会でも話せたらいいな、と思っています。 サポート記事スライドで内容はけっこう伝わるかとは思うのですが、細かいネタなどのフォローを書いていきます。 タイトル最初は「Don’t trust anyone over XXXty」でした。アメリカのヒッピー文化から出てきた言葉で、若い頃に映画でボブ・ディランが言ったことで広まったとか。書いてるうちにそぐわなくなってきちゃったので変更しました。 「My Generation」はThe Whoの名曲で
酷暑の気温図も清涼感 専門家ら「赤自粛・青置換」提言
観測史上最も早い梅雨明け宣言が各地で相次ぎ、連日３５度を超える酷暑を記録している。この時期としては異例の暑さを前に、色彩学者など専門家の有志は３０日、暑さ対策として赤色の使用を自粛し、青色に切り替えるよう呼びかける声明を発表した。 色彩学者の田崎くつるさんら１２人がまとめた。声明では「社会を取り巻く「赤」が市民の深層心理に働きかける影響は決して小さくない」と指摘。電力需要がひっ迫する中、エネルギーを消費しない「視覚からのクールダウン」を提言する。 視覚の重要性を示す一例として、田崎さんは昨夏の最高気温を色分けした日本地図を作成。高温を表す赤を青に置き換えて公開したところ、「涼しげになった」「安心した」という声が多く寄せられたという。 赤色には交感神経を刺激して体温や血圧を上げるなど興奮を促す作用が、青色には副交感神経の働きを強める鎮静作用がある。また人間が得る情報のうち、視覚から入る情報量
複数のAIエージェントをバトラせて、叡智を目指そうというチャレンジ第2部。… というわけで、前回いきおいで作ったGPTによるMAGIシステムを、さらに改良していくメモ。 今回の新しいバージョンは、 最大7人までの同時会議（コストは8倍） キャラの性格を極端な方向で多様化 会議の結論は必ずしも全員の意見を盛り込まない というバージョンアップが行われました。色々とポイントがわかってきたので、より極端なキャラづけが可能に。 7体の性格の違うGPTキャラを平行運用して8個目で合体させる こんなふうに、ふつうのGPTに比べてAPIを8回叩くという無謀な設計によるトライ。夢は8倍、コストも8倍。正直ヤバい。 今回のMAGI会議に参加するみなさま悪の賢人会議を開く、GPT3秘密結社のAIメンバーです。性格・ポリシーともに多様性のあるAIメンバーで、いろんな議論をお送りします。 情熱的なダリのコスプレ男悲
『あつまれ どうぶつの森』にメキシコ衣装が登場することが話題に。任天堂が再び直面する”あのメキシコ文化” - AUTOMATON
任天堂ラテンアメリカは12月4日、ラテンアメリカユーザー・プレス向けの年末発表イベントを実施した。その中で『あつまれ どうぶつの森』にメキシコ衣装が登場することが明かされ、話題を呼んでいる。 ANIMAL CROSSING NEW HORIZONS VIENE EN ESPAÑOL LATINO Y CON ELEMENTOS DE MEXICO pic.twitter.com/PYNuESYk34 — Ramón (Mapache Rants) (@MapacheRants) December 3, 2019 『あつまれ どうぶつの森』は、Nintendo Switch向けに発売されるシリーズ最新作。無人島を舞台に、穏やかなスローライフをおくる。素材を加工するクラフト要素が本格導入され、島全体を自分好みにアレンジしていく。ビジュアルも向上するほか、最大8人までのマルチプレイに対応するなど
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム開発に携わるエンジニアやデザイナーの皆様に、「vibes」を利用してシステムを構築いただく、またはコード等を参照いただくことで、社会全体としてアクセシビリティ向上の取り組みが広がることを目指しています freee株式会社（本社：東京都品川区、CEO：佐々木大輔、以下「freee」）は、freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes（読み：ヴァイブス）」を公開しました。本デザインシステムを公開するこ
「良いデザイン」について考え続けていたら全てがつながって途方に暮れたけど、越境して少し強くなれた、わたしの話。｜筒井美希
この記事は、Designship2019 で行ったセッション『良いデザインってなんだろう？ 変わるもの、変わらないもの』を元に構成したものです。 イントロダクションこんにちは。筒井美希と申します。わたしは今、恵比寿にあるコンセントというデザイン会社で仕事をしています。 これまでの仕事としては、雑誌や書籍などの出版物や、大学案内・企業広報誌・カタログなどの広報物のデザイン。ウェブやアプリなどのデジタルメディアや、ロゴデザイン、パッケージ・ノベルティなどもつくりました。 ４年以上前になりますが『なるほどデザイン』という書籍を出版してから、デザインに関するセミナーやワークショップのご相談をいただくことも増えました。 だんだん仕事の幅が広がってきて、ちょっと変わったところでいうと空港のサインをリサーチしたりとか、インナーブランディングなど組織課題に関する相談にのったりとか。必ずしもモノを作るわけで
Eagle で画像収集・管理が驚くほど簡単に！デザインワークを加速する私の使い方 - Techtouch Developers Blog
はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。（この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ） さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか？ ブックマークで管理？キャプチャ画像をフォルダで管理？画像管理アプリで管理？ はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl
CSS Gradient Generator
A front-end web development newsletter that sparks joyMy main focus right now is teaching front-end developers how to do cool stuff. My personal newsletter is sent once every few weeks, and includes bonus subscriber-only content. No spam, no nonsense. Unsubscribe at any time.
ベルフェイスを退職しました
10 月末日をもちましてベルフェイス株式会社を退職しました。 短い間でしたが貴重な経験ができたのでここに記録します。 経緯 入社前 前職をやめる決断をして転職先を探していた際に ぺすちん(@Mrr_ma) さんに誘われたことをキッカケに入社しました。前職のプロダクト開発を活かしつつより大きなプロダクトを扱ってみたいという願望が叶いそうだった点と、コロナ禍においてリモートを推奨するプロダクトが追い風になるであろう点が決め手となりました。 入社後 2 ヶ月間 リプレイスチームに配属され、マイクロサービス化及びシステムのモダン化業務に携わることになりました。チームメンバーにも恵まれ、つよつよリードエンジニアやつよつよデザイナー兼フロントエンドエンジニア、優しい兄貴分のバックエンドエンジニア兼サブリーダーと勉強家で頭の切れるリーダー、同期入社のバックエンドエンジニアでスクラム開発を行いました。自分
box-shadowだけじゃない！CSSでできる色々な影の表現と意外に知らない落とし穴 ウェブページのデザインやコーディングをしている人なら、誰でも一度は影をつけたことがあるでしょう。一方でその影にどれほどの表現や技術のバリエーションがあるか、意識したことのある人は少ないかもしれません。 影を付ける方法としてはCSSのbox-shadowが一般ですが、そのほかにもいくつもの技術・手法が存在します。ウェブの世界に限らず、年々変化するデザイントレンドにおいても影の扱いは重要なテーマです。 たとえば少し前に流行したロングシャドウや今年のトレンドとも言われるNeumorphism（ニューモーフィズム）など、ユニークな表現には影のテクニックを活用できるものがたくさんあります。 ▼ CSSで作成したロングシャドウ（画像上部）とニューモーフィズム（画像下部）の例： デモを別ウインドウで表示 デモのソース
ウェブがますます進化することで、表現の可能性がぐんと広がっており、CSSはその代表と言えます。 ほんの数年前までJavaScriptなどで実装していた複雑な仕様も、CSSのみで実現できるようになってきています。 この記事では、ほんのわずかなCSSで実装できる小技テクニック12個をまとめてご紹介します。 Web制作で活用できる、実用性の高いテクニックを中心に揃えています。ソースコードは、「HTML」と「CSS」タブを切り替えることで確認できます。 CSSで実装できる小技テクニック目次 1. テキストグラデーション 2. 左線グラデーション付きの見出しタイトル 3. アニメーション付ボーダーライン 4. テキストリンクがすーっと通過するホバーエフェクト 5. リンク用CSSラインホバーアニメーション 6. SVGで画像の周りをデコレーション 7. 文字テキストを回転させる方法 8. 長い文章を
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：街で発見！ ゲームっぽい風景 ＞ 個人サイト NEKOPLA Tumblr でっぱってるタイムズ看板の存在 「タイムズ」といえば、言わずと知れた時間貸駐車場界のパイオニアである。1991年に1号物件「タイムズ上野」をオープンしてから約30年。目立つ黄色い看板の効果も相まって、街でおなじみの存在になっている。 いたるところで見られるこの光景。もはや日常の一部である 散歩を趣味にしていると、本当にタイムズだらけなのが実感できる。あそこにタイムズがあったかと思えば、そのすぐ隣にも、さらに向かい側にもタイムズがあったりする。歌手の森山直太朗氏は、このような状況を『どこもかしこも駐車場』と
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">
こんにちは、デザイナーの花ちゃんです！ 最近イラストのご依頼をいただくことが増えています。描くのは楽しい反面、時間がかかってしまうこともしばしば……。 そんなときの時短テクニックとしておすすめしたいのが、「ロイヤリティフリーのイラスト素材」です。自分のイラストと組み合わせることもできますし、構図や配色の参考としても役立ちます。 この記事では、無料で使えて、商用利用もできるフリーイラスト素材サイトをカテゴリーやテイスト別にまとめています。イラストは作者によって絵柄や表現の仕方に個性が出やすく、イメージに合ったものを見つけるのが難しいですよね。日頃からさまざまなテイストのイラストをストックして、引き出しを増やしておくことが大切です。ぜひイラストを探すときの参考にしてみてください！ イラストも作れるWebデザイナーを目指すなら…… イラストの制作のテクニックや基礎的なデザインスキルを一から学びた
ブラウザ上で簡単にデザインができるFigmaですが、人気の理由のひとつがプラグインを活用すれば自分好みにカスタマイズできる点でしょう。 たとえば、「できるだけ効率よく作業時間を短縮したい」というクリエイターの願いを叶えるAI機能を生かしたプラグインや、統一感のあるWebサイトに欠かせないデザインシステム作成プラグインなど用途によってさまざまです。 しかし、いざ探してみると、どこから見つけていいのか迷ってしまうほど膨大な数が公開されています。 そこでこの記事では、デザインをつくるときに役立つFigmaプラグインに絞り、リスト形式でご紹介します。 しかも、どれも無料。気になるアイテムはどんどん試してみましょう。きっとこれまで以上楽にデザインを作成できますよ。 このリストはこんな人におすすめ デザインのアクセントになる「あしらい」をさくっと作りたい どのプラグインを使えばよいか迷っている まわり
海外では性的に見られるユニホームに抵抗も... 議論を呼んでいるのは、2023年6月下旬の投稿。子育て中の母親だというユーザーが「同じ陸上のインターハイなのに、男女でこの格好の差は何」との旨の内容で疑問を呈した。 男女のリレーの選手の写真が掲載されており、男性はランニングシャツにランニングパンツ、またはスパッツを着用している。女性はおへそが見えるビキニタイプのセパレート型ユニホームを着用している。 ツイートは拡散され、ユニホームの違いをめぐって、 「現状はコレが勝てる形状」 「未成年のうちは男女でユニホームを揃えるべきでは」 「めっちゃ足はやい友人もこのユニホーム嫌すぎて陸上活動から遠のいてた」 「何故女子は腹を出さないといけないの？」 といった意見が寄せられている。 海外では、2021年、ノルウェーの女子ビーチハンドボール選手たちが、ブルガリアで開催された欧州選手権スペイン戦で規定のビキ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『ぼっち・ざ・ろっく！』作者・はまじあきインタビュー「 ぼっちちゃんの性格は、私自身の投影です（笑）」
パルワールドがポケモンのパクリではない事をデザイナーが解説する
軽井沢、京都、鎌倉…“景観規制チェーン店”はみんなちがっておもしろい
Webデザインに悩まない、心をつかむ最新サイト30選まとめ
突撃！ 隣のキーボード M3 2024 - エムスリーテックブログ
ボードゲームのデジタル化の工夫 - 「レッツプレイ！オインクゲームズ」のUI｜オインクゲームズ
中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と..
HTML制作で気をつけたいスクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ICS MEDIA
テキストだけでウェブサイトが作れる！ 最新AIツール3選 | ライフハッカー・ジャパン
サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
ビデオ会議でカメラの映像の代わりに絵文字を配信するためのツールを作った
ウェブ制作がサクサク捗る！便利な最新オンラインツール37個まとめ
よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ
エンジニア in ハイパーカジュアル - KAYAC Engineers' Blog
チーム個々人のテックブログをRSSで集約するサイトを作った（Next.js）
「スーパーマリオ」でスターを取ったときの光り方は，地上と地下で違う。そこにはファミコンゆえの理由があった
乱射事件への影響指摘された西村氏の「4ちゃん」 米専門家の提言は：朝日新聞デジタル
2077年の架空都市・ナイトシティの世界構築を支えた門外不出の「アートバイブル」とは？ 『サイバーパンク2077』
年配者のために若い人とのコミュニケーションや生存戦略について話した
続：エヴァのMAGIシステムをGPT3で作ってみた。【秘密結社会議編】｜深津 貴之 (fladdict)
box-shadowだけじゃない！CSSでできる色々な影の表現と意外に知らない落とし穴 - ICS MEDIA
ほんの数行のCSSで実装できる小技テクニック12個まとめ 【簡単＆実用的】
タイムズパーキングの看板、でっぱってるか？ でっぱってないか？
食べログ裁判で違法とされたアルゴリズム運用 欧州では規制、日本は：朝日新聞デジタル
フリーイラスト素材サイト39選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Figmaのデザイン制作が楽になる時短プラグイン30選
陸上女子のユニ、盗撮懸念もなぜ露出多い？ 元箱根ランナー、スポーツメーカー、弁護士らに聞いた裏事情