Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
H(uman-friendly) な grep コマンド hgrep をつくりました． github.com '\w+ で検索した時の出力 ファイルを特定のパターンで検索し，マッチした箇所を構文ハイライトしたコード片で表示します．超ざっくり言うと，ripgrep で検索して bat でマッチ箇所付近を表示するような感じです． grep -C によるコンテキスト表示に似ていますが，マッチ行が近い時は1つのコード片にまとめる，周囲何行を表示するかをヒューリスティックに少し賢く決めているなど，ちょっと出力は工夫しています． 動機 手元のリポジトリでコードを検索する時は 単純に grep で検索してマッチ結果を眺める grep | fzf のように検索結果を fzf で絞り込んだりプレビューする vim $(grep -l ...) のように検索結果をエディタで開く あたりを使い分けているのですが
「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」20日目の記事です。 今年の５月から、社内でクライアントワークのチームから自社事業のチームに異動し、映画・ドラマ・アニメのレビューサービスのFilmarksで有料会員機能のPMを担当しています。 以前はUIデザインやアプリ開発、あるいはその中間的な仕事としてプロトタイプ開発やディレクションなどを経験してきました。 PM業の傍ら、社内のデザイナーとエンジニアの受け渡し部分の改善に取り組みました。その検討過程について紹介します。 要件定義・UIデザイン・開発間のワークフロー改善もともとFilmarks内ではディレクターがGoogleスライドなどで要件資料とGithub Issueをつくり、 デザイナーがSketchでUIをつくりZeplinで書き出したURLをエンジニアに受け渡し、エンジニ
ジェラート ピケが『Pokémon Sleep（ポケモンスリープ）』と初のコラボレーション！全47アイテムを発売！＜9月28日(木)正午発売＞
ジェラート ピケが『Pokémon Sleep（ポケモンスリープ）』と初のコラボレーション！全47アイテムを発売！＜9月28日(木)正午発売＞9月28日(木)正午より販売開始！カビゴンやピカチュウ、プリンになりきれるセットアップも登場！レディースサイズに加えメンズ、キッズ＆ベビー、ジュニアサイズもラインアップ。 株式会社マッシュスタイルラボ（所在地:東京都千代田区/代表取締役社長:近藤広幸）が展開するルームウェアブランド「ジェラート ピケ」は、睡眠ゲームアプリ『Pokémon Sleep（ポケモンスリープ）』のデザインを取り入れたルームウェアやグッズ全47アイテムを2023年9月28日(木)より、gelato pique 全国直営店、公式オンラインストア、ECデパートメントストア「USAGI ONLINE」およびポケモンセンターにて発売いたします。※1 また特設ページを、2023年9月13
この記事では、デザインシステムを作成するときの基本ガイドをまとめています。 この記事は3つのパートで構成されています。 デザインシステムを理解する（デザインシステムとは何か、いつ作るべきか？） デザインシステムの作成（作成プロセスとやっておきたい項目） デザインシステムの具体的なサンプル例（デザイナーとデベロッパー、それぞれの観点より） デザインシステム追加の検討事項（その他のコンセプトや参考文献など） *この記事では、Webサイトやアプリ、オンラインサービスなどを表す包括的な用語として、「プロダクト（Product）」という言葉を使用しています。 この記事のコンセプトをイラスト化するために作成した、デザインシステムを公開しています。ご自由にお使いください。 Basic Design System – Figmaファイル デザインシステムを理解しよう デザインシステムとは？ デザインシステ
デザインをする上で人への印象を左右する「色」の選択は非常に重要ですが、自分の想像の範囲を超えた色の組み合わせを見つけるのは難しいもの。Twitterボットの「@colorschemer」はランダムに色と言葉を組み合わせてカラーパレットを投稿しており、ボットゆえに人が想像しなかった組み合わせを生み出しています。そんな@colorschemerの特に印象的なカラーパレットを色別に探索することができる「colors.lol」が公開中です。 colors.lol - Overly descriptive color palettes https://colors.lol/ 「colors.lol」にアクセスするとこんな感じ。トップページにはさまざまな色の組み合わせがランダムに表示されています。 「desiccant sunflower」(乾燥剤のひまわり)、「fibrillar pinkish o
[レポート] デザインシステムにおけるフロントエンド #linedevday_report | DevelopersIO
オハコンバンニチワ CX事業本部の清田です。 LINE DEVELOPER DAY 2019 の DAY2 に参加してきましたー。自分の中で注目している DesignSystem についてとりあげている 「 デザインシステムにおけるフロントエンド 」セッションがあったので参加しつつレポートをご紹介できればと思います。 概要 2019年11月20日（水）・21日（木）にグランドニッコー東京 台場でLINEのデベロッパーカンファレンス「LINE DEVELOPER DAY 2019」が開催されました。 タイトル デザインシステムにおけるフロントエンド [Front-End in Design System] スピーカー 岡崎 晶彦 氏 [LINE Front-end Standardizationチーム Front-end Engineer] セッション概要 LINEは、クライアントアプリ/W
![[レポート] デザインシステムにおけるフロントエンド #linedevday_report | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cce94c90ddc76c1ea7c6bf4be9e744090746ae41/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F11%2Flinedevday20191.png)
Webデザインの配色に悩んだときの参考になる！ UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピーして利用できます。 Spectrum.Art Spectrum.Artは魅力的で視覚的にも優れたUIデザインを簡単に実現するために、UIデザイナーが厳選した色の調和に優れたカラースキームをまとめたサイトです。鮮やかで人目を引くカラースキームから、繊細でエレガントなカラースキームまで幅広いオプションが提供されています。 Spectrum.Art 2023年9月現在、カラースキームは16種類あり、各カラースキームはページ全体やコンポーネントごとにまとめられています。 では、Color s
ビックリですよ。今、Facebookを眺めていたら流れてきた広告、読んでビックリなんですよ。なんとなんと、冷たい炭酸飲料を持ち運べるタイガー魔法瓶・真空断熱炭酸ボトル《MTA-T050》 【炭酸対応】タイガー魔法瓶 水筒 800ml 真空断熱炭酸ボトル ステンレスボトル 抗菌加工せん 保冷 持ち運び グロウラー MTA-T080KS スチール タイガー魔法瓶(TIGER) Amazon Amazon…リンクから各カラー/各サイズ選択可 リンク 真空断熱ボトル系の水筒に炭酸を入れるとボトルの内圧が上がって破損や破裂をしてしまうおそれがあったので、炭酸は入れられなかったじゃやいですか。実際僕も以前、200ml程度しか入らない水筒をコップ代わりにして炭酸入れて、それで少しの時間蓋を閉めた事があり、その時も開けた瞬間ポンッ！と大きな音がして焦りましたもの。普通の真空断熱ボトルに炭酸、ダメ、ゼッタイ
はじめまして、こんにちは🌳 現場教育システムtebikiのコミュニケーションデザインを担当している木下です。 弊社では現場産業を支えるべく、tebikiの開発をメインにセミナーやカンファレンスなど様々な企画を展開しておりますが、 最近新たにオウンドメディアを立ち上げることになりました。 今回はロゴデザイン制作のプロセスを中心に、そこで得た知見を紹介していきたいと思います。 ロゴの作成とキーカラーの選定新規立ち上げの背景としては、マーケチームの施策の一環で、継続的に有益なコンテンツを提供する媒体が必要となり、現場産業の課題解決のための情報を発信するメディア「現場改善ラボ」プロジェクトがスタートしました。 本メディアのコンテンツとして開催予定のセミナー集客のために必要なクリエイティブ、サイト及び各種デザインのために、まずは土台となるロゴの制作から始まりました。 デザインコンセプトを決めるデザ
海軍最強のジャケット！【アメリカの軍服】海軍防寒難燃デッキジャケット（ブルー・アラミド）とは？ 0558 🇺🇸 ミリタリー USN COLD WEATHER DECK JACKT（BLUE・ARAMID）1996 - いつだってミリタリアン！
今回は、1990年代のアメリカ海軍防寒デッキジャケットを分析します。 傑作で有名なA-2デッキジャケットの後継モデルですね。 何故かカラーも材質も大きく変更されていました。 アメリカ海軍に何があったのでしょう？ それはともかく、今回のアイテムも極上品ですよ！ 目次 １ アメリカ海軍難燃防寒デッキジャケット（ブルー・アラミド）とは？ ２ 全体及び細部写真です！ ３ その特徴とは？ ４ 製造とサイズのデータです！ ５ まとめ スポンサーリンク スポンサーリンク １ アメリカ海軍難燃防寒デッキジャケット（ブルー・アラミド）とは？ 第二次大戦中に開発されたN-1から続く近代アメリカ海軍防寒デッキジャケット。 いずれも傑作揃いでしたね。 特に1960年代に採用されたA-2デッキジャケットは傑作中の傑作で、日本のみならず世界中にファンや愛好者がいますよ。 しかし、そんなA-2にも、時代の波
「ゲームギアミクロ」は2020年10月6日に発売。4色のカラバリにそれぞれ名作ゲームを4本収録。予約受付を開始 編集部：MU 本日（2020年6月3日），セガの設立60周年に合わせて発表されたカラー液晶の携帯ゲーム機「ゲームギアミクロ」。その公式サイトがオープンとなり，製品の全容が明らかになった。 関連記事 セガが携帯ゲーム機「ゲームギアミクロ」の発売をアナウンス。本日13時にオープンする公式サイトで詳細が明らかに 2020/06/03 10:00 HARDWAREニュース 「ゲームギアミクロ」公式サイト セガ設立60周年記念特設サイト 「ゲームギアミクロ」の本体サイズは幅約80mm×高さ43mm×奥行20mmというオリジナルのゲームギアの40％弱。まさにミニを超える極小ミクロサイズだ。 カラーバリエーションはブラック，ブルー，イエロー，レッドの全4色。それぞれにアクション，パズル，RPG
裏起毛あり！【スウェーデンの軍服】空軍サーマルシャツ（グランパシャツ・ライトブルーグレイタイプ） とは？0828 🇸🇪 ミリタリー - いつだってミリタリアン！
今回は、1960年代のスウェーデン空軍サーマルシャツを分析します。 ヨーロッパに多い形式のシャツですね。 日本ではグランパシャツという名称で流通していますよ。 中古品ですが、程度は良好です！ 目次 １ スウェーデン空軍サーマルシャツ（グランパシャツ・ライトブルーグレイタイプ）とは？ ２ サーマルシャツの全体及び細部写真 ３ その特徴とは？ ４ 製造とサイズのデータ ５ まとめ スポンサーリンク スポンサーリンク １ スウェーデン空軍サーマルシャツ（グランパシャツ・ライトブルーグレイタイプ）とは？ 独創的かつ強力な兵器を運用しているスウェーデン軍。 効果的な兵器に反して、個人装備は意外にも「レトロ」なものを使用している場合がありましたね。 今回のモデルは、そんなスウェーデン軍が最近まで使用していたコットンのシャツになります。 通常のフィールドジャケットなどの野戦装備の下に着用する
iPhone12 miniの全6色カラーバリエーション（ブルー・ブラック・ホワイト・グリーン・パープル）の 人気色・おすすめカラーについてまとめました。 2020年発売の新型iPhoneは4機種というこれまでにない多彩なバリエーションで登場したiPhone 12シリーズ。 中でも注目はオールスクリーンモデルとしてはiPhone史上最小となるiPhone12miniです。 コンパクトモデルで手の小さい女性でも持ちやすい機種になっていたり、価格もコンパクトになっているため買いやすいという声が多く人気です。 iPhone12 miniの色選びで悩んでいる人は参考にしてください。 ※4月30日iPhone12/12miniにパープルが追加発売されました。パープルについても色の特徴を紹介。 iPhone 12 mini色カラーバリエーションは6色展開 iPhone 12 mini カラーバリエーショ
これも伝統の迷彩！【台湾の軍服】海軍陸戦隊迷彩フィールドジャケット（タイガーストライプ・PX品？）とは？ 0995 🇹🇼 ミリタリー TAIWAN MARINE CAMO FIELD JACKET（TIGER STRIPE）2000 - いつだってミリタリアン！
今回は、2000年代の台湾軍海兵隊のフィールドジャケットを分析します。 ベトナム戦争時代から続く海兵隊伝統の迷彩ですね。 シャツやトラウザーズは見かけますが、フィールドジャケットは珍しいです！ 中古品ですが、程度は極上ですよ！ 目次 １ 台湾軍海兵隊迷彩フィールドジャケット（タイガーストライプ・PX品？）とは？ ２ 全体及び細部写真です！ ３ その特徴とは？ ４ 製造とサイズのデータです！ ５ まとめ スポンサーリンク スポンサーリンク １ 台湾軍海兵隊迷彩フィールドジャケット（タイガーストライプ・PX品？）とは？ ベトナム戦争時代に旧南ベトナム軍海兵隊が採用した「タイガーストライプ」迷彩。 元はフランス軍のリザード迷彩でしたが、より熱帯雨林に適するように改良を加えた結果、ベトナム戦争では多くのアメリカ軍兵士にも愛用されましたね。 特にグリーンベレーなどの特殊部隊兵士が多く使用
はじめにこのnoteで紹介するカラーシステム設計プロセスは、多くの人にとってはやりすぎで、役に立たない場合も多いです。 既存のカラーシステムやカラーシステムジェネレイターを利用するのが、最短かつ最適ルートだと思います。 デザインシステムやカラーシステムは「プロダクトのためのプロダクト」なので、とある事業における一つの解である、という前提で読んでください。 今もまだ多くの課題を抱えたものではありますが、イベントなど様々な場面でカラーパレットに興味を持っていただける機会が多かったため、自分が知らない誰かの知見に助けられたように、微力ながらコミュニティに貢献するべく、未完の状態で状態でお見せすることにしました。 Framework by Figma登壇資料 後でFigma Communityにも掲載します シチュエーションにおける最適解繰り返しますが、今回説明するような煩雑で、複雑で、面倒な、プ
2019年8月に発売された、カシオ計算機のG-SHOCK「GA-2100」 G-SHOCKから、完全新作となる「GA-2100」が発売された。ブランドのアイデンティティであるすぐれた耐衝撃構造を備えたデジタルとアナログのコンビネーションモデルながら、ケース厚11.8mmという同ジャンル最薄を実現している。 先進の「カーボンコアガード構造」が最薄ケースを生んだ！ 「GA-2100-1AJF」。公式サイト価格は14,580円（税込） 「GA-2100」は、デジアナコンビモデルがそろう「GAシリーズ」の最新版。 同シリーズは立体＆大型フェイスの「GA-100」「GA-110」、3針の「GA-800」など、各カラーテーマコレクションにおけるベースモデルとして頻繁に目にする名作がそろっており、今春にはカーボンを使用した「GA-2000」も登場している。 ケース中核部分にカーボン繊維入りファインレジ
AmazonでiPod touch第7世代32GBモデルが14％ポイント還元に：実質2万円で購入可能 - こぼねみ
先日発売されたばかりの「iPod touch 第7世代」。 Amazon.co.jpで32GBモデルが14％分のポイント（3,254ポイント）還元となっています。 同モデルのAmazon.co.jpでの販売価格は23,533円。 このモデルを購入すると3,254ポイントがもらえるので、実質20,279円となります。 記事執筆時点で、ゴールド、シルバー、スペースグレイ、ピンクの各カラーが14％ポイント還元、ブルーとPRODUCT)REDは5％ポイント還元となっていました。 対抗しそうなヨドバシカメラやビックカメラのオンラインストアも確認してみましたが、記事執筆時点ではまだやっていませんでした。 iPod touch 第7世代は32GBのほかにも、128GB、256GBモデルがあります。 Amazon.co.jpでの価格は128GBモデルが35,413円、256GBモデルが47,304円となっ
老朽化やサービス向上を理由に、古い国鉄型車両の引退が相次いでいます。しかし2020年春のダイヤ改正で、そんな国鉄型車両を使う「新しい列車」も登場します。 しなの鉄道115系湘南色（写真：呼んでる渋沢） なぜこのタイミングで新たに国鉄型が……？ その理由と楽しみどころを紹介します。 「185系」を使う踊り子号が新宿から出発 2020年春のダイヤ改正で大幅な変化があった「踊り子」号（関連記事）。引退したスーパービュー踊り子号に代わり、サフィール踊り子号、「新宿駅あるいは池袋駅を発着する踊り子号」が登場しました。その中でも新宿発（土曜と休日は池袋発）の踊り子5号は、国鉄型電車である「185系」による運行です。 置き換えが本格化した185系（画像：呼んでる渋沢） 踊り子号は新型車両の「E257系2000番台」の投入が進んでいます。踊り子5号への185系の充当は、新しいE257系が入ってくるまでの代
バートン「ak」WEBで買うならどこが安い？BURTON・楽天・ヤフーで値段を比較 - 人生、七転八起 ～仕事を辞め、田舎へ移住。スノボをメインに人生リスタート！～
BURTON ak スノボ道具はほぼ、WEBで購入しています。使っているギアがBURTON製品ばかりだという事もあるのですが、主な購入先としては、 BURTON 楽天市場 ヤフーショッピング この3つのサイトで情報、値段、在庫を比較し、購入しています。 20－21シーズンモデル BURTON「ak」Cyclic Jaket を購入する場合、どのサイトで買うと一番安くなるかを検証してみたいと思います。 【公式】バートンオンライン通販 | Burtonスノーボード JP 【楽天市場】Burton [ak] GORE‑TEX Cyclic Jacketの通販 BELLS VOLTAGE セカンドブランド バウンスストア オフワン 国道16号 EXTREME Burton [ak] GORE‑TEX Cyclic Jacketの商品一覧 通販 - Yahoo!ショッピング セカンドブランド オフワ
【JavaScript】conic-gradient生成ツールのコード - Little Strange Software
どうも！LSSです！！ 先日公開した little-strange.hatenablog.com の、ツール自体のコードです。 ざっくりした解説もつけてみました。 【JavaScript】コード作成ツールの作り方【さわり】 - Little Strange Software 【JavaScript】コード作成ツールの作り方【コード出力篇】 - Little Strange Software を基本とした、ちょっとややこしくなった（カラーパレットを増やせる部分）感じですね。 コード ツールを構成するHTML 初期設定 fctradd関数 「色追加」ボタンが押された時の処理 fctr関数「カラーパレット」の色が変更された時の処理 ctrw関数 「カラーパレット」を書き出す処理 gw関数 「サンプル」と「コード」を書き出す処理 以上がこのツールの全貌です コード <p>繰り返し回数<br /><
ブログやSNSなどに必要なヘッダやアイキャッチのデザイン。 アプリなどで手軽に作れて便利ですが、困るのが 「何色にしよう？」 カラーリングに悩んで手が止まることがたびたびあります。 アイキャッチなどのデザインは、ない知恵をしぼってしぼってもう残りカス、にゃもでございます。 書店でふとみかけて手にとった本で「これだ！」と思ったのが 『見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色』 という本です。 今回はすっかり私のアイキャッチ作成のお供になったデザイン本をご紹介します。 3色だけでセンスのいい色 「○○っぽいイメージの配色」が見つかる 色の割合で雰囲気がグッと変化 カラーコードでWEB上でも使いやすい 印刷物ゆえのデメリット モニター上で色味が違って見える 購入者特典でPDF版配色見本がもらえる おわりに：色のヒントきっと見つかります 3色だけでセンスのいい色 リンク 可愛
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
新機能 「カラーグレーディング」の活用方法 #Lightroom #AdobeMAX この記事は、「From the ACR Team（Adobe Camera Rawチーム便り）」と題し、Lightroom、Lightroom Classic、Lightroomモバイル版、Adobe Camera Raw、ならびにPhotoshopのCamera Rawフィルターといった製品のイメージング機能を開発しているチームからのインサイトをお届けする一連のブログ記事の最新版です。皆さんにこの機能について語る機会を持てたことを非常に嬉しく思っています。この記事では、何が新しく可能になったのかをすべてご説明し、使い方のヒントやテクニックもあわせてご紹介します。これから画像のカラーグレーディングを始めたいというユーザーにも、きっとお役に立つことでしょう。 また、皆さんに先んじてこの機能に触れていただいた
『イコリア』ドラフトが最高に面白い。最近は暇さえあればプレイしてしまっている。 次期シーズンのマジック・ライバルズ・リーグに招待されているのでラダーを頑張る意味はない（ミシックインビテーショナル『ゼンディカーの夜明け』の参加権を持っている）のだが、無駄に2か月連続でミシックに到達した。 入る意味なかったけど、リミテはあんまりランク下がらず1200位以内だった。人増えてるけど、構築に比べれば楽園であることに変わりはないのかな。 pic.twitter.com/C5JxWIJXrT — kenta harane (@jspd_) 2020年4月30日 イコリアドラフトでミシック なんか連携うまくいってないっぽくてデータ全部取れてない。untapped側のサーバーが落ちてたんかな。 pic.twitter.com/TDYT91AWmK — kenta harane (@jspd_) 2020年5
新iPhone、どれ買う？ - マイナビニュース調査
AppleおよびNTTドコモ、au、ソフトバンクは、米国時間9月10日に発表された新型iPhone「iPhone 11」シリーズ、iPhone 11 / iPhone 11 Pro / 11 Pro Maxの3機種を9月20日に発売しました。特徴であるカメラ機能を中心に、製品レビューもインターネット上で続々と上がりつつあります。 マイナビニュースでは、iPhoneユーザー、Androidユーザーそれぞれに新iPhoneの購入に関してアンケートを実施。その回答を紹介します。今回は「新iPhone、買うならどのモデル？」です。 注目は一番お手頃な無印iPhone 新しいiPhoneを買うと回答した577名に対し、「iPhone 11」「iPhone 11 Pro」「iPhone 11 Pro Max」のうち、買うならどのモデルかを尋ねたところ、iPhone 11と答えた人が最も多く、約半数の5
植物由来素材を採用した最大140W出力対応の「Anker 543 エコフレンドリーナイロン USB-C & USB-C ケーブル」発売 - こぼねみ
Ankerは、植物由来のナイロン素材を採用し、環境への配慮と高い耐久性を実現した最大140W出力対応の「Anker 543 エコフレンドリーナイロン USB-C & USB-C ケーブル (0.9m / 1.8m)」を発売しました。 各カラー・サイズ合計800本限定20%OFFとなっています。 Anker 543 エコフレンドリーナイロン USB-C & USB-C ケーブル (0.9m / 1.8m)ケーブル本体とコネクタの外装に植物由来ナイロンを採用し、TPEなどの石油系プラスチックを削減。 Anker 543 エコフレンドリーナイロン USB-C & USB-C ケーブル (0.9m / 1.8m)Anker 543 エコフレンドリーナイロン USB-C & USB-C ケーブル (0.9m / 1.8m)最大出力140Wの高出力に対応し、ノートPCやタブレット端末、スマートフォン等
こんにちは、開発２部の早瀬です。 自分のチームではフロントエンドにReact（Next.js）を採用しており、MUIをベースにしたデザインシステムを構築して開発を行なっています。 そこで今回はデザインシステムの構築に至った背景や、具体的な取り組みを紹介したいと思います！ 背景 MUIとは デザインシステムを構築する目的 デザインと実装の同期 属人性の排除 コミュニケーションコストの削減 具体的な取り組み デフォルトスタイルのオーバーライド カラーコードの集約 Typographyの定義 8倍ルール Atomic Designの不採用 まとめ 背景 現在バイセルではリユースプラットフォームの開発に注力しています。自分はその中の出品管理サービスのチームに所属しており、他にも並行して複数のサービスの開発が進んでいます。 リユースプラットフォーム プラットフォームとして開発をしているので、プロダク
『ツレヅレ食ナルモノ』で紹介されていた、器作家イイホシユミコさんの器に入ったマーロウのプリン！ ot-icecream.hatenablog.com こ、こ、これは買いたい！ 中味よりもむしろ器がほしぃ～～～。 … ポチッ yumiko iihoshi porcelain × マーロウオリジナルカップ入りプリン yumiko iihoshi porcelain イイホシユミコ × マーロウ オリジナルカップ カップ詳細 まとめ yumiko iihoshi porcelain × マーロウオリジナルカップ入りプリン カラー：ロックグレー、ゴールデンイエロー 販売価格：各1,944円 販売期間：2021年5月17日（月）～ 在庫無くなり次第終了 販売個数：各カラー1500個ずつ 予約限定販売：店舗での販売は来店予定日の2日前までに、電話か店頭で予約。 又はオンラインで購入。 器作家イイホシユ
こんばんは´▽`)ﾉ 今日は旦那さんは都内までお出かけです。ONWARD秋のセール会場まで友人が出店しているブースがあるようで行くことになり、午後に出発。私はおうちでステッカーの材料の台紙から不要部分をピンセットで剥がす作業をしていました。４枚の各カラーシート（シール）にそれぞれ必要なラインをカッティングマシンでカットしてきてくれているので、左の写真のように光を当てる角度によってカッティングされたラインが見えます。 ２枚目の写真のように不要な部分を少しづつ剥がしていくんです。この作業を続けていると結構目が疲れます(^◇^;) ３枚目の写真が金魚鉢のシートの不要部分をはがし終えたところです。赤のシートには４枚目のように金魚さんがカッティングされています。それぞれのカラーシートの不要部分を剥がし終えると、透明のシートに順番にはり重ねていってステッカーが仕上がるのですが、その貼り重ねていく作業は
論文のFigはほぼRで描いているのだけど、複雑なデータをコンパクトに見せるためにカラフルな図を作ることが多い。そこでいつも悩むのが「いかに効率よく配色するか」ということだ。カスタムの配色セットを作ってみたり、カラーパレットのパッケージをあれこれ試してみたりしたのだけど、自分なりに今落ち着いているのがkhromaとcirclizeという2つのパッケージなので簡単に紹介したい。 khromaはPaul Tol’s Colour Schemesに準じたカラーパレットを出力できるパッケージだ。このカラースキームの特長として、 カラーユニバーサル モノクロ印刷した際の視認性も考慮 質データ(Qualitative)、2極データ(Diverging)、連続データ(Sequential)のそれぞれに対応した複数のカラーパレットが準備されている という点が挙げられる。自分が知る限りでは、最も綿密な考慮の上
フォトショップでできる！おすすめ無料デザイン素材40選【アドビ公式】 アドビが公式サイトで公開中の高品質なフリー素材パック 「フォトショップの引き出しを増やしたい」 「まわりが驚くデザインが作りたい」 「短時間でさくっと、高品質なデザインに仕上げたい」 こんなときは、PSDやテクスチャ、ブラシなどの素材を使ってみるのがオススメです。 その理由は、誰でもプロのようなデザインを数クリックで作成できるから。 この記事では、無料ダウンロードできるフォトショップおすすめデザイン素材40個を、カテゴリ別に分けてご紹介。 アドビが世界中のトップクリエイターに依頼＆作成された、高品質な有料レベルのデザインアセットが充実しています。 コンテンツ目次 1. デザインエフェクト素材 2. アクション素材 3. ポスター素材 4. ブラシ素材 5. Illustrator向けベクター素材 6. その他の便利アイテ
Material Designベースの 「頑張らないデザインシステム」で爆速フロントエンド開発 | HiCustomer Lab - HiCustomer Developer's Blog
はじめに こんにちは、フロントエンドエンジニアの尾島です。 2 年ほど前から副業という形で HiCustomer の開発にちょこちょこと関わっていましたが、今年の 7 月からはフルタイムで開発をしています。 入社以来、新機能の開発と並行してデザイナーと共に進めている HiCustomer のデザインシステムの作成、アプリケーションへの適用、また運用についてご紹介します! この記事で話すこと: デザインシステム、デザインガイドラインとは なぜデザインシステムが必要だったか どのようにデザインガイドラインをスモールスタートしたか 具体的な Tips など デザインシステム、デザインガイドラインとは デザインガイドラインやデザインシステムという言葉は、人や組織によって定義や解釈が微妙に異なりますが、 一般的に以下のような構成要素(一例)のフルセットとして認識されているのではないでしょうか。 デザ
勉強が苦手な人にもおすすめ「理解が進んで記憶に残る」学び方。“○○感覚” で勉強がしやすくなる - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
勉強に苦手意識がある人にとっては、文字が多いものより、イラストや図が多い学習教材のほうが取り組みやすいのではないでしょうか。筆者も同じです。 その一方では、自ら絵を描いて学ぶことが、理解と記憶を促進すると考えられています。そこで筆者も教材の特性に頼るばかりでなく、絵・図・文字でまとめるノート術の「スケッチノート」で学んでみることにしました。 【ライタープロフィール】 STUDY HACKER 編集部 「STUDY HACKER」は、これからの学びを考える、勉強法のハッキングメディアです。「STUDY SMART」をコンセプトに、2014年のサイトオープン以後、効率的な勉強法 / 記憶に残るノート術 / 脳科学に基づく学習テクニック / 身になる読書術 / 文章術 / 思考法など、勉強・仕事に必要な知識やスキルをより合理的に身につけるためのヒントを、多数紹介しています。運営は、英語パーソナル
Anker Japan、単ポートで最大45W/2ポートでも最大27W＆20W出力となる折りたたみ式プラグを採用したUSB急速充電器「Anker 523 Charger (Nano 3, 47W)」を発売。
Anker Japanが単ポートで最大45W/2ポートでも最大27W＆20W出力となる折りたたみ式プラグを採用したUSB急速充電器「Anker 523 Charger (Nano 3, 47W)」を発売しています。詳細は以下から。 Anker Japanは現地時間2023年03月16日、単ポート使用で最大45W、2ポート使用でも最大27Wと20W出力となるコンパクトなUSB急速充電器「Anker 523 Charger (Nano 3, 47W) (A2039)」を新たに発売しています。 USB PD対応の2つのポートを搭載し、2ポート利用時にも最大27W＆20Wの出力が可能。 スマートフォンやタブレット端末などの幅広い機器へ2台同時に急速充電が可能です Anker 523 Charger (Nano 3, 47W) – Amazon.co.jp Anker 523 Charger (Na
GitHubのプロフィールに独自のコンテンツを載せてみよう。 dev.to にてGitHubのプロフィールを素敵にするための記事が載っておりました。 こちらの記事を参考にGitHubのプロフィールをモリモリにしてみましたので手順をご紹介いたします。 基本的な手順 GitHubのプロフィール画面に独自のコンテンツを載せる準備は以下の手順でおこないます。 まずGitHubの新規リポジトリを作成します。こちらからどうぞ ⇨ repo.new リポジトリ名をGitHubのアカウント名と同じ名前にします。 "Public"にチェックを入れて、公開リポジトリに指定します。 "Add a README file"にチェックを入れて、README.mdを作成させます。 "Create Repository"をクリックしてリポジトリの作成する。 以上です！ 上記の手順でgithub.com/アカウント名にて
超時短できる無料Photoshopプラグイン22選！フォトグラファーにおすすめのものを厳選 - Workship MAGAZINE(ワークシップマガジン)
フォトグラファーの心強い味方であるPhotoshopには、モノクロ変換からHDRエフェクトまで、さまざまなプラグインがあることをご存じでしょうか。 プラグインは、ワークフローの一貫性を維持したい方にも、編集プロセスを効率化したい方にも、きっと役立つはずです。 今回はフォトグラファーなら知っておきたい、超時短できるPhotoshopプラグイン22選をご紹介します。 まずは無料のプラグイン22選をご紹介します。 1. HDR Sharpener Tool HDRのような効果を簡単かつスピーディーに適用できるプラグイン。画像のダイナミックレンジを拡大し、シャープにしてくれます。 HDR Sharpener Tool 2. KinemaPhoto-LITE シネマグラフやGIFなどのクリエイティブなエフェクトが簡単につけられるプラグイン。ビデオレイヤーから静止画を作成したり、ループ動画を作成したり
こんにちは。株式会社JMDCでヘルスケアプラットフォームサービス【Pep Up】 のフロントエンドエンジニアをしている新保です。 今年、JMDCではアドベントカレンダーに参加しています。 qiita.com 本記事は、JMDC Advent Calendar 2023 14日目の記事です。 現在、デザインシステムの導入に向けて動いている【Pep Up】。そのフロントエンジニアが他社のデザインシステムを隅々までリサーチし、「使いやすいデザインシステム」のポイントがどこにあるのか探り出そう!! という企画です。 今回は、全4回の3回目。デザインシステムの「色」について、比較・分析を行っていきます。 全4回目の3回目です。文章が長くなりすぎて3回目を2回に分けることになりましたが全4回の3回目です。「完成_最終稿_FIX_20230101最新版_確定_確定2」みたいなやつです。よくあることです
「ファッションドリーマー」発売後ロングインタビュー：誰も見たことがない“うれしい”が飛び交う世界の、これまでとこれから | Gamer
2023年11月2日にマーベラスから発売されたNintendo Switch用ファッション＆コミュニケーションゲーム「ファッションドリーマー」の開発者インタビューをお届け。 「ファッションドリーマー」は、「牧場物語」シリーズや「ルーンファクトリー」シリーズのマーベラスが販売、「ガールズモード」シリーズや「プリティーシリーズ」のシンソフィアが開発を行う完全新規タイトルだ。 プレイヤーは仮想空間“イヴ”で自分の分身となる“ミューズ”を作成。ほかのミューズが着ているアイテムに“いいね”をするとそのアイテムが手に入り、手に入れたアイテムでほかのミューズに“ルカット（＝コーディネート）”することができる。マイブランドを立ち上げてオリジナルアイテムを作ればルカットの幅は広がり、これらを用いたファッションを軸としたコミュニケーションがプレイヤー間で楽しめるゲームとなっている。 インタビューは11月21日
はじめてのフィルムライク動画 カラーグレーディングのはじめ方 -自分の世界観を色味で再現しよう - NICO STOP（ニコストップ）｜フォトライフスタイルWEBマガジン
カラーグレーディングと聞くと難しい映像編集の作業という印象がありませんか？ たしかにカラーグレーディングは色味に関わる非常に奥深い分野ではありますが、実際にチャレンジしてみると少しの編集でも作品全体の印象を大きく変えることが出来ます。 今回の記事では、写真では出せている自分の好きな色味を動画でも再現したいと思っている方に向けて、PhotoshopやLightroomと同じAdobeのアプリケーションであるPremere Proを使ったカラーグレーディングの方法をお伝えします。 前回に引き続き、ミュージックビデオやファッションムービー・企業広告など数多くの作品を手がけており、ムービーだけでなくフィルム等でのスチール撮影でも活躍しているMovie director／Photographerの松永つぐみさん（@x_fanpy／x_fanpy）に淡くやわらかなトーンの中に、繊細な心のゆれや輝きを感
背景 自分は普段 deno_lint の開発を行っています。Deno に組み込みのリンターで、TypeScript / JavaScript のコードを静的に解析して問題のあるコードを発見してくれるツールです。 JavaScript界のデファクトスタンダードなリンターである ESLint およびその TypeScript 拡張版の typescript-eslint が提供している "recommended" なルールとの互換を目指しています。 つまり、ESLint / typescript-eslint が推奨ルールとして提供しているルールを、deno_lint でも再実装して提供を行いたいということです。 一応、ある時点での "recommended" ルールは移植が完了しているのですが、その後 "recommended" ルールが追加されていないのか？ということをウォッチできていませ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
えっちな grep をつくった - はやくプログラムになりたい
デザイナーとエンジニアを巻き込んだワークフローの改善｜鈴木慎吾 / TSUMIKI INC.
デザインシステムの作り方徹底ガイド 参考にしたい導入事例まとめ
印象的な色の組み合わせを探せるカラーパレット集「colors.lol」
水筒に炭酸！？ タイガー炭酸ボトル - mogumogumo.jp
新規オウンドメディア始動！ロゴデザインを中心としたデザインプロセスをご紹介｜tebiki ブログ
「ゲームギアミクロ」は2020年10月6日に発売。4色のカラバリにそれぞれ名作ゲームを4本収録。予約受付を開始
iPhone12 mini全6色カラーバリエーション人気色・おすすめカラー色選びまとめ
IPの世界観に寄り添う、マルチブランドなカラーシステム設計論｜TORAJIRO
オールブラックが人気爆発！ デジアナ史上最薄のG-SHOCK「GA-2100」 - 価格.comマガジン
なぜこのタイミングで昭和の国鉄型が!? 2020年春ダイヤ改正で登場した「国鉄型の新列車」の謎
【3色だけでセンスのいい色】アイキャッチなどの画像作成のヒントに - にゃもぶろ
『イコリア』ドラフト備忘録 - 名前はまだない
MUIをベースにしたデザインシステムの構築 - バイセル Tech Blog
マーロウプリンの器がイイホシユミコさんって！！！ - 旅するエスプレッソ
旦那さんの外出、お土産キター！ - すみっコ日和～Perfect day for sumikko～
Rの作図におけるベストな配色の選び方 - yokaのblog
フォトショップでできる！おすすめ無料デザイン素材40選【アドビ公式】
【2021年6月版】GitHubのプロフィールを盛り盛りにする！？ - Qiita
デザインシステムめっちゃ見る③-1 カラー編 (前編) - JMDC TECH BLOG
気楽にOSSにコントリビュートする (typescript-eslint)