｢色｣に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚2022.11.07 12:0051,753 Jody Serrano - Gizmodo US ［原文］ （ 福田ミホ ） 当たり前だったものがまたひとつ、当たり前じゃなくなった。 Adobeのデザイン系ソフトウェアを使ってる方々には今、困ったことが起きてます。Adobe Creative Suite、つまりPhotoshopやIllustrator、InDesignといったソフトウェアの中で、ある種の｢色｣が有料になり、月15ドル（約2,200円）かかることになったんです（年間だと90ドル≒約1万3000円に割り引かれますが、それにしても）。しかもその｢色｣というのは、特殊な色とかじゃなくて、業界標準になってるPantoneのライブラリで指定した色、なんです。 色ってたとえば｢赤｣といってもいろんな色味がありますが、P
デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。 ブレイクポイントの説明、スティッキー要素の仕様説明、相対サイズの要素の説明方法、ボタンの文字数の説明、アニメーションする要素の説明方法など、デベロッパーに分かりやすく、デザイナー自身も見直せるデザイン仕様書を作成します。 The Art of Design Spec'ing by Mahdi Farra 🍉 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザイン仕様書とは デザイン仕様書に使用するツール デザイン
両親が不仲だった自分語り
02/13 23:36 追記ちょこっとしました。 床屋勤務だった父に、美容院勤務だった母はハワイ旅行中に出会い結婚したらしい。 物心がついたころにはもう父と母は不仲だった。父は仕事を休みがちで、私が小学生低学年の頃にはもう職場を転々としていたのを覚えている。 一つの職場に留まらず、職場を変えるものだからもちろん給料も上がらない。父と母は夜な夜な電話口や居間で喧嘩していた。 それは深夜だった時もあるし明け方の時もあった。長いことアパート住まいで横にも上にも寝ている家があるのに家に居る母は金切り声を上げていた。 でもほとんどがお金の問題で、まだ小学生の自分にはできることが無いことが分かっていたので家の手伝いをして、3歳年下の妹の面倒をよく見た。 父が仕事から帰ってくるとき帰りは母の車の迎えを頼んでいた。母はまだ小学生の私と幼い妹を乗せて車で最寄り駅まで父を迎えに行く。 その車の中でもお金の話で
「これは間違いなくカメラ沼の住人……」 着物姿でにこやかに受け答えするその手には、SONYのハイスペックフルサイズミラーレス一眼カメラ「α9」と、“バズーカ”と呼ばれている白い望遠レンズ……。2020年夏に『徹子の部屋』（テレビ朝日）に演歌歌手・伍代夏子さんが出演した際、カメラ沼の住人がざわつきました。「沼メディア」を自称するソレドコ編集部としては、伍代さんの「沼」にスポットライトを当てない理由がない！ そこで、某カメラショップの販売員経験があり知識豊富なフリーカメラマン＆ライターのつるたまさんを聞き手に迎え、伍代さんのカメラ愛をとことん語っていただくという沼沼しいインタビュー企画を実施しました。最初に断っておきますが、相当、沼です。 オジロワシとシマフクロウを夜通し3,000枚撮りました つるたま こんにちは、フリーカメラマンのつるたまです。ミノルタから始まりCanon、Nikon、OL
ウェブサイトの表示スピードはサイトの健全性における重要な観点の一つです。Googleが提唱するCore Web Vitalsコア・ウェブ・バイタルズと呼ばれる指標の中にもサイト表示スピードに関する項目があり、表示されるまでの時間が単なるユーザー体験だけでなく、SEOでも無視できない存在です。表示スピード低下の要因はネットワークやサーバーサイド、そしてフロントエンドまで広範囲におよびます。本記事ではその中でも画像の読み込みについて改善できるテクニックを改善前と改善後を比べながら紹介します。 改善前サンプルを別ウインドウで開く 改善後サンプルを別ウインドウで開く 画像読み込みBefore / Afeter 上図はLighthouseによるチェックの結果です。Lighthouseはウェブサイト検査ツールで、ウェブページのパフォーマンス、アクセシビリティ、SEOなどの状態を計測できます。Googl
16年勤めたGoogleを退職しました
本日、2023年5月31日付でGoogleを退職しました。入社が2007年2月5日なので16年ちょっとGoogleで過ごしたことになります。新卒の1社目を3ヶ月で退職した僕にとっては16年は本当に長く感じますね。2007年を振り返ってみると、当時はWeb2.0全盛期で、検索やGmailはありましたがYouTubeは買収直後、ChromeブラウザやAndroidはまだ存在していなかった時代。ストリートビューもまだですね。モバイルもいわゆるガラケー、フィーチャーフォン全盛時代でした。なんだか遠い昔のことみたいですね。入社当時のメモを振り返ると3年くらいいられればいいかな、などと書いてあったので予想よりずっと長くいたんだな、と思います。 ではなぜ辞めるのか。という話は、良かったらLinkedInでの投稿を読んでみてください。退職を受け入れた時の投稿です。その後2週間ほどで最終出社日を迎え、2ヶ月
ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化
この連載コラムもこれが最終回となるので、社内では現役最年長の編集者として、自分が経験してきたコンピュータ雑誌について語ろうと思う。 筆者はこの9月で63歳。1967年のビートルズのアルバム「Sgt. Peppers Lonely Hearts Club Band」でポール・マッカートニーが歌った曲の年齢まであと1年だ。ヴィーラ、チャック、デイブという名前ではないが、孫も2人生まれた。 「人生が二度あれば」の欠けた湯呑み茶碗を使っている父親の年齢まで2年。60歳から定年後再雇用で編集部に所属しているが、それも8月いっぱいで終わり。次の道へ進む予定だ。仕事を終わらせるめどがついたので、週末に2人目の孫に会いに自転車で25km走ってきた。 アイティメディアに限らず業界全体を見ても、筆者より年上のコンピュータ雑誌／メディアの編集者はほとんどが引退しており、同年代でも現役は数えるほどしかいない。記憶
ゲーミングマウスが仕事の効率を上げる！ 16年以上マウス沼に沈んでいるマニアが推す「仕事に使いたい」4商品 #ソレドコ - ソレドコ
こんにちは、ブロガーのKessyです！ 2017年にガジェットをレビューするブログ「けしろぐ」を開設し、今ではブログの執筆が本業になっています。 ぼくは昔からPC周辺機器を集めるのが趣味で、中でも「ゲーミングマウス」が大好物です。16年前にはまって以来、気になったゲーミングマウスを次々に集めていたら、気づけば40個以上も所有していました。今ではほぼ毎月のように新しいマウスを買っています。 ゲーミングマウスというと「ゲームにしか使えないもの」と思われがちですが、意外と普段のPC作業にも向いているんですよ。ゲーミングマウスの機能を応用すれば、ExcelやPowerPointなどを使ったPC作業の効率が格段にアップするからです。 ということでこの記事では ゲーミングマウスの魅力 仕事の効率を上げてくれるおすすめのゲーミングマウス を紹介するとともに、 ぼくがゲーミングマウスにハマったきっかけ を
DALL-E3を実装日からほぼ毎日使用し面白さにとりつかれています。何となくで触っているため, いまいち思った画像が出来ないことも多々ありましたので今回まじめに作成法を勉強してみました。初級編と名前がついているのは高等テクニックを教えるほどの技術がないだけで後に上級編が控えているという意味ではないです。 0. はじめに DALL-E とはシンプルなテキストのみで画像がつくれるAIです。 簡単なテキストのみで画像生成語源は『ウォーリー探せ』と芸術家の『ダリ』から来ているみたいです。ウィーリーはある種の「探し物」をする, userが提示するテキストのプロンプトから隠された要素やまだ見ぬ画像を「探し出し」生成することらしいです。 ウォーリーをインスパイアした少年1. 問題点, 主に著作権やはり何と言っても著作権問題ではないでしょうか。現在法整備が進行しているところです。OpenAIはコンテンツポ
【求職】大学辞めて増田で就活します
増田です。29歳、一橋大学社会学部10年生の増田です。 ふわふわした夢を追いかけてこんな歳まで学部にすがりついてしまいました。 一般的に在学年限は8年までですが、自主退学して単位を引き継いで再入学すると年限が増えるというライフハックがあります。皆さんも試してみてくださいね。 いや、夢だったんですよ、大学教授が。「夢別名呪い」とはよく言ったもので。 現状卒業に必要な単位は9割程度しか取れておらず、本年が在学年限なので、4月から無職になる予定です。 ちなみに増田は高校も辞めてるので最終学歴中卒である。うける。 （この文章を書いている最中に複数の社会学者によるやらかしが発生しましたが、増田は冷ややかな目で眺めつつ、自分が好きなのは社会学じゃなくて100～50年前の社会学者が描いた原風景だったのかもなあと思いました。酸っぱいぶどうだろうとは思いますが） というわけですので、どなたか増田のことを雇っ
テキスト編集だけでなく、表計算やイラスト作成など、何かの目的を達成しようとした際には「どのツールを選ぶのか」が問題になってきます。テキストエディタの世界でVisual Studio Codeがその地位を不動のものにしつつある点について、ロビン・クリーンさんがデータをまとめています。 The Era of Visual Studio Code | Roben Kleene https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code/ ツール選びの一つの考え方は、「一番寿命が長いツールを選ぶ」というものです。どんなに慣れ親しんだツールであっても、開発が終了してしまうと新たなツールの使い方をまた最初から学びなおす必要があり、そうした苦労を避けるには人気があって長く使われているツールを選びたいところ。表計算やイラスト作
科学を変えた10のコンピューターコード | Nature ダイジェスト | Nature Portfolio
Fortranからプレプリントアーカイブまで、プログラミングとプラットフォームの進歩は、生物学、気候科学、物理学を新たな高みへと導いた。 2019年、イベント・ホライズン・テレスコープ（EHT）のチームは、ブラックホールの実際の姿を初めて世界に見せてくれた。彼らが発表したリング状に輝く天体の画像は、従来の写真とは違い、計算によって得られたものだ。具体的には、米国、メキシコ、チリ、スペイン、南極点の電波望遠鏡が捉えたデータを数学的に変換することによって得られたのだ1。研究チームは、その知見を記載する論文とともに、ブラックホールの撮影に用いたプログラミングコードも公開した。科学コミュニティーが自分たちのやり方を確認し、それを足場にできるようにするためである。 このようなパターンは、ますます一般的になりつつある。天文学から動物学まで、現代のあらゆる偉大な科学的発見の背後にはコンピューターがある。
画像生成AI「Midjourney」の開発チームが、2023年3月16日(木)に「Midjourney V5」のアルファ版をリリースしました。「Midjourney V5」では超高画質な画像生成が可能となっているだけでなく、画像生成AIの課題であった「『手』を正確に描写できない問題」が解決されたという報告も寄せられています。 Starting today our community can test Midjourney V5. It has much higher image quality, more diverse outputs, wider stylistic range, support for seamless textures, wider aspect ratios, better image prompting, wider dynamic range and more
Photoshopであらゆる被写体、画像全体を数クリックで金ピカのゴールドにする無料アクションを紹介します。 数クリックとしたのは被写体の選択操作で、金ピカにするのはわずか1クリック。 簡単に、目映いばかりの黄金エフェクトを楽しめます。 Free Photoshop Action to Turn Anything into Gold in Photoshop ダウンロードボタンをクリックすると、オーバーレイが表示され、それを閉じて、再度ダウンロードボタンをクリックすると、ダウンロードできます。 インストール方法は、Photoshopのアクションパネルで「アクションを読み込み」から、ダウンロードした「Spoon Graphics Gold Effect.atn」を指定するだけです。
「Windows Virtual Desktop」正式サービスとして提供開始、マイクロソフト純正のVDI環境。Azureの東西日本リージョンからも利用可能に
「Windows Virtual Desktop」正式サービスとして提供開始、マイクロソフト純正のVDI環境。Azureの東西日本リージョンからも利用可能に マイクロソフトはクラウドサービスとしてWindows 10の仮想デスクトップ環境を提供する「Windows Virtual Desktop」を正式サービス化したと発表しました。 パブリックプレビュー版は米国リージョンからのみ提供されていましたが、正式サービス化に伴い、東日本と西日本リージョンを含む全世界のMicrosoft Azureのリージョンから提供されるようになりました。 Windows Virtual DesktopはMicrosoft Azureのクラウドサービスとして提供されるため、Azureのクラウドコンソールから容易にプロビジョニングが可能。 クライアントとしてWindowsマシンは当然のこと、シンクライアントやiPa
卒業しました 2021年3月で自然と環境コースを卒業しました。6年間在学しました。 どなたかのお役に立てばと思い、記録を残します。 動機の部分はただの長い自分語りなので、情報だけ得たい方は適当に飛ばして先に進んでください。 卒業しました 高卒からのスタート ドラマ視聴時間とWikipediaサーフ時間の置き換え 自然科学の勉強ができる通信制は少ない 単位取得の流れ 勉強の進め方 勉強した科目 使える学割 学生の交流 放送大学エキスパート（科目群履修認証制度） 卒業式 卒業して 高卒からのスタート まず私について簡単にお話しします。 現在アラフォーで、放送大学には30代半ばで入学しました。 高校は普通科ではなかったので進路は推薦枠の大学か専門学校に進学する気でいたのですが、興味の方向が複数あり選びきれないでいるうちに、学費の桁と待ち受ける更なる貧乏生活に怖気づいて、進学をやめ目の前のお賃金に
みんな個人でプログラム書いて便利になってるの？
Pythonが流行っているけれど、どうも便利になってない。 自分はプログラマーではないので、スキルが足りてないだけなのかもしれないけれど・・・。 例えば動画を編集していてDaVinciと他のソフトを連携したいなと思っても、そういうのはググっても出てこない。 Photoshopのプラグインとして機械学習を使ったものを入れたいと思っても、ググっても出てこない。 Pythonからエクセルを動かすのは、試してみたが、VBAマクロの方が楽に感じる。操作を記録する機能はあるし、そこから不要部分削ったりすればよく、 Pythonでエクセル動かそうとすると読みにくいし何やってるか結局わからない。 プログラマーの人はエクセルなどを嫌うけれど、matplotlibを細かい調整しようとすると調べて描画し直してを繰り返さないとならず、 GUIでポチポチ調整する方が楽に感じてしまう。 個人でGUIを作るとして、ボタ
イラレの生成AIが凄いので Live - 2023/10/11 Adobe MAX 2023｜CreativeEdge Vlog
Adobe Illustraor 28.0に搭載された生成AI（ベクターグラフィックの生成）が衝撃的だったので、このページにまとめていきます。 イラレの生成AIの探求は以下の新しいページに掲載しています 新しいイラレ生成AI関連ページイラレの生成AIでハロウィンのイラストを描こう！ イラレの生成AIでイラストを描くLive - 2023/10/14-15 Adobe Illustrator「イラレの生成AIを探求する」ライブ配信 イラレで生成したベクターグラフィック本日からロスアンゼルスでAdobe MAX 2023がスタートしましたが、遂にAdobe Illustrator（バージョン28.0）に「テキストからベクター生成 (Beta)」が実装されました。Adobe Fireflyのベータ版が登場した時から待機リストに掲載されていたので、いつ搭載されるのか注目していました。 参考：Ill
親父の借金から学んだ、親が元気なうちに聞いておくべきこと お金#親とのコミュニケーション 公開日 | 2023/01/27 更新日 | 2023/01/30 西村まさゆき いつかやってくる親の老い・死と向き合う上では、介護や入院、葬儀などの費用はどうするのか、相続についてなど、さまざまなお金の問題と対峙せざるを得ない時がやってきます。 2021年に父親を亡くしたライターの西村まさゆきさんが経験したのは「悲しみに浸っていられないほど膨らんだ借金」でした。現実問題として突きつけられたのは、驚くべき負債額。西村さんは兄弟と協力しながらかなり厳しい状況になんとか向き合ったといいます。 この時の経験を通じて、もう片方の親の存在や、やがてくる自分の老後についても考えるようになったという西村さん。今回、在りし日の父の姿と借金問題について振り返りながら、「親が元気なうちに聞いておくべきこと」についてつづっ
『個人開発がやりたくなる本』を自費出版しました #技術書典 - 下町柚子黄昏記 by @yuzutas0
ご挨拶 自称企画屋・コンセプトデザイナーの@yuzutas0です。 執筆者一同をはじめとして、 アンケートに回答してくださった皆様、各所で書籍を紹介してくださった皆様、 その他何らかの形でご協力いただいた皆様、本当にありがとうございました。 さて、発売から間が空きましたが、 裏話をツイートしたところ反響をいただけたので、ブログに制作秘話をまとめます。 個人開発者や技術書典参加者のヒントになれば幸いです。 『個人開発がやりたくなる本』の経緯・裏話をブログにまとめようと思ったけど、細部まで語りだしたらキリがないことに気付いた。1時間枠で登壇できる内容・分量だ……。 pic.twitter.com/Qr9PcHF46c— ゆずたそ (@yuzutas0) May 3, 2019 もくじ ご挨拶 もくじ 1. はじめに 1-1. 免責・謝罪・注意・お願い 1-2. 書籍概要 1-3. この取り組み
「あいつサボってないか？」の不安を解消 1分単位で作業を記録できる時間トラッキングサービス：新連載「リモートワーク時代のライフハック術」（1/2 ページ） 新型コロナウイルスの影響もあって、2020年は多くの現場で初めてリモートワークが導入された年になりました。 みなさんの中にも、これまで必要を感じなかったテレビ会議用のWebカメラを急きょ導入したり、慣れないZoomの操作に戸惑ったりした人もいることと思います。 リモートワークならではの困難にぶつかった人も多いはずです。対面なら円滑に進む会話や連絡がぎごちなくなり、どうすればリモートでも成果を出し、それをアピールできるのかを悩んでいる人もいるでしょう。 そこで、ちょっとマニアックなWebサービスやガジェットを使ってリモートワークを快適にする「リモートワークのライフハック」について何回かに分けてご紹介したいと思います。 今回はリモートワーク
この記事では、「それ、何使ってるの？」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ
Photoshopなどのデジタル画像編集ソフトウェアでは、「覆い焼き」や「ソフトライト」といったさまざまなブレンドモード(レイヤー合成モード)を用いて画像を編集することが可能です。このレイヤー合成モードは一体何をしているのかを、プロダクトデザイナーのダン・ホリック氏が解説しています。 Blending Modes | Dan Hollick https://typefully.com/DanHollick/blending-modes-KrBa0JP レイヤー合成モードは、2つの入力カラーに基づき新しいカラーを作成するというものです。以下の画像の「Foreground(前景)」と「Background(後景)」が異なるレイヤーであり、「Result」部分がレイヤー合成モードにより出力された新しいカラーを指しています。 レイヤー合成モードの中で最も単純なのが、「Darken(比較(暗))」と
空間AI白書 - 添景無限生成編｜宮下巧大
他にも「LatentMajestyDiffusion」「centipidediffusion」「latenddiffusion」「discodiffusion」「dalle2」など存在します。アルゴリズムが違うと同じ呪文でも質の違う画像が生成されるので、気が向いた人は色々と試してみることをお勧めします。 画像生成に関する基本知識画像生成に関するベーススキルは、どんなものを生成する場合でも一緒なので、上級錬金術師に学ぶのが一番早い。参考をいくつか紹介します。 大原則となる考え方を深津さんのnoteから抜粋します。 対話型のAIにとって、呪文プロンプトとは画像錬成の方向性ベクトルを定めるものにすぎない。 だからAIをよく使役するには、2つの理解「ベクトルの方向を強く適宜する力ある言葉ルーンの語彙力」と「再現性をもった呪文の組み立て」が必要になる。 深津さんのnote「魔術として理解するお絵描き
自分で、自分の「仕事のできなさ」を解明してみる
おれは仕事ができない おれは仕事ができない。その根拠は、おれが稼げていないという一点にある。 おれが赤字人間であるという一点にある。これが結論である。 「で、具体的にどのように仕事ができないのか？」と問われた。 これは簡単な話だ。おれの仕事っぷりを、というか、仕事のできなさっぷりをありのままに書けばいい。 ぜんぜん楽勝じゃないか。 ……と、思ったのだが、これが書けない。 なぜ書けないのか。おれが「仕事」をわかっていないからだった。 あるいは「会社員」であるということをわかっていなかった。 だから、自分が、会社員としての理想や基準、平均と比べてどうなのか、どこが具体的にだめなのか。そういう比較がまったくできなかったのである。 そんな人間がいるの？ いるのだからしかたない。 おれはおれが暮らしていくだけの賃金を会社員として得ていることも、また一方の確かな事実ではある。 とはいえ、おれは人生にお
先週、AppleのM1をネイティブサポートしたPhotoshopがリリースされましたが、それとともにAdobe Camera Rawもv.13.2にアップデートされ、新機能として「スーパー解像度（Super Resolution）」が実装されました。 スーパー解像度とは写真画像をAdobe SenseiのAIで幅と高さを2倍に拡大にできる機能で、拡大してもディテールは保持されたまま4倍の解像度になります。 写真素材: ぱくたそ 参考: Adobe Blog: 新機能「スーパー解像度」の活用方法 スーパー解像度とは スーパー解像度の使い方 スーパー解像度とは スーパー解像度の元となっているのは2年前の「ディテールの強化」で、そこからさらに進化し、第2の「強化」機能「スーパー解像度」としてリリースされました。 現在のところ、スーパー解像度が利用できるのはAdobe Camera Raw v.1
全て無料、本当は教えたくないフリーフォント無敵リスト【商用OK】 商用利用OK、日本語や英語、スタイル別にまとめた完全ガイド この記事では、無料ダウンロードできるフリーフォントを、カテゴリやスタイル別にご紹介。 「フォントを探すときに、どこを見たらいいか分からない」 備忘録として活用できる、フリーフォント一覧ガイド集。 人気の高い記事を中心に、定期的にアップデートしています。 コンテンツ目次 好きに選べる、好きなだけ使えるAdobe Fonts ✨ すべてのCCユーザーが対象で、すべてのフォントが使い放題 おすすめフリーフォント ✨ 漢字も使える、オススメ日本語フリーフォントまとめ ✨ 手書きでナチュラルな無料フォント ✨ 筆記体フリーフォント11年分をまとめた秘密リスト Adobe フォント ✨ Adobe Fonts オススメ日本語フォント35選 ✨ Adobe Font オススメ英語
会社のwebデザイナーが無能すぎてヤバいｗｗｗｗ
去年の冬に転職したweb系のプログラマー。 今の会社のwebデザイナーが無能すぎてしんどい。 以下愚痴 1. photoshopでwebデザインすんな！photoshopで作ったpsdのwebデザインを渡されて、フロントエンド担当がHTML/CSSコーディングしてるんだけどどうなのこれ？ なんでphotoshop使うの？webページ作るんでしょ？最初からHTMLで書けよ？ いや分かるよ ラフの段階でphotoshopでササっと書いた方が客と調整しやすいもんな でも最終的にはHTMLで出すんだから、デザイナーがHTML/CSS書いて来いよ それをなんか知らないけど、普段使わねーphotoshop開いてルーラー出して、 「ここと、ここのボックスは10pxだからーmarginを...」 「ここは、webフォントの〇〇を使おう」 とかフロントエンド担当が相談してんのｗ バカなの？死ぬの？ 最初から
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid
Adobe IllustratorをCS4から10年以上使っているんですが、そろそろAdobeにも飽きてきたので他の選択肢を探してみようと思い色々休日に調べていました。 探してみると選択肢は非常に少なく、フリーのInkscapeか有償のAffinity Designerのどちらかを選ぶという状況です。 Affinity Designerも有償と言えど6,000円程なので、たったのCC1ヶ月分です。 https://affinity.serif.com/ja-jp/designer/ Affinityという名前は初めて聞いたのですが、多くのIllustratorの機能をサポートしている上に、公式サイト・ヘルプが日本語に翻訳されており敷居も低いです。製品ラインは3つ用意されており、 Affinity Photo: Adobe Photoshopの代替え Affinity Designer: A
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介しています。 CSSのみで表現されたお手軽なHTMLスニペットから、Three.jsをつかったインタラクティブな動きやアニメーションにも注目が集まっています。 HTML/CSSやJSなどのコードの確認や編集を行うことができるので、今後のデザイン制作に活用してみてはいかがでしょう。 2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 97位 Metallic Bordered Text with CSS Photoshopで作成し
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 10月のアップデートで機能が大幅強化されるなど、進化が止まらないフォトショップ。 人気のレトロエフェクトにはじまり、ボタンひとつで完成のお手軽写真アクション、写真合成テクニックなど、デザイナーが覚えておくと便利なテクニックなどが多く公開された年となりました。 2021年公開のIllustratorチュートリアル、つくり方と一緒にいかがでしょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間
はじめに みなさまはMacのメニューバーでネコを飼うRunCatというアプリをご存知でしょうか？CPU負荷に合わせて走る速度の変わるネコをメニューバー上に表示するだけというしょうもないアプリですが、現在では世界累計45,000ダウンロードを突破し、多くのみなさまに可愛がってもらえる定番アプリとなりつつあります。はじめは悪戯心で作成したジョークアプリが、思いもよらず高評価をいただけており大変嬉しいです。 一方で、Windows版がほしいとの声もちらほら聞こえるようになり、Windows版の模倣アプリも作られつつあることを知りました。そこで、ちゃんと本家からWindows版も出したいなぁと思い立ったが吉日ということで、格安でThinkPadを仕入れてWindowsアプリ開発に初挑戦してみました。 成果物 RunCat for Windows Windowsのタスクバー上に常駐し、CPU負荷に応
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター：高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス「Indie Developers Conference 2021」が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション「プログラマしかいない お金もない それでもUIを綺麗にする！」が行われた。 登壇したのは，東方Projectのファンゲーム「幻想郷ディフェンダーズ」「幻想戦略譚」などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース（UI）のデザインも手掛けているという。 少佐氏は大前提として「UIはデザイナーが専任すべき」仕事と前置きしたうえで，「実際の現場ではそこまで人手がなく，グ
この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ
過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。 かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。 コーディングとはどこまでを指すか 「コーディング」といっても、人によって指しているものが違うと思います。 ここでは4つの段階に分けてみます。 ごく基礎的なHTMLやCSSを書くことができるコーディングのトレンドなども抑えた上でモダンなHTMLやCSSを書くことができるHTMLやCSSに加え基礎的なJavaScriptを書くこともできるHTMLやCSSはもちろん、本格的なWebアプリケーションの開発もできる このうち1に関しては、私は「議論の余地なくWebデザイナーも書けるべき」だと思っ
Stable Diffusion メモ(2): 絵の描けない人がimg2imgでいろいろやる - jt_noSke's diary
昨日の続き。 jtnoske.hateblo.jp やはり構図を決めるにはimg2imgや、と思い立つ promptとキャンバス縦横比とかで構図のコントロールに挑戦したけど、いやこりゃ無理だわやっぱ構図を自分で決めるならimg2imgでいろいろ指定してやらないといかんのだろな、ということでimg2imgを導入する。 導入 導入方法は各所で上がっていますが、自分は↓のコードをコピペして、 github.com ↓ のコードを参考に実行をしました。 www.12-technology.com Hな方々は↓を(トラバ含めて)参照し、safety_checkerを切りましょう。変更箇所はStableDiffusionPipelineとほとんど同じです。 anond.hatelabo.jp 絵が描けないので img2img(1): 全身立ち絵 絵を用意しよう、なんだけどどう用意するか。 まず思いつい
PCやスマートフォンの認証方法として指紋認証を利用している人も多いはず。しかし、実は指紋認証は本人不要・指紋で汚れた端末の写真さえあれば、5ドル(約550円)程度で作成した「偽指紋」で簡単に突破できてしまうことが、ムービーで示されています。 Your Fingerprint Can Be Hacked For $5. Here’s How. - Kraken Blog https://blog.kraken.com/post/11905/your-fingerprint-can-be-hacked-for-5-heres-how/ 指紋がいかに簡単に偽造できてしまうのかは、以下のムービーを見るとよくわかります。 Kraken Security Labs Bypasses Biometric Security With $5 In Materials - YouTube PCやスマートフォン
Visual Studio Code時代の到来
この記事は、著者の許可を得て配信しています。 https://blog.robenkleene.com/2020/09/21/the-era-of-visual-studio-code// 使用するツールを選ぶときに私が最も重視しているのは寿命です。ソフトウェアの学習は投資であり、後で別のアプリケーションに切り替えなければならない場合は、今まで投資してきた資産の一部を失うと言っても過言ではありません。 ほとんどのソフトウェアのカテゴリにおいて、寿命の長いソフトウェアを選ぶのは簡単で、最も人気のあるツールは、通常、最も長く続いているものです。Microsoft ExcelとAdobe Illustrator は両方とも1987年にリリースされましたが、今でもそれぞれのカテゴリで最も人気のあるソフトウェアであり続けています。 一方、テキストエディタは、最も人気のあるオプションが一番古いものでは
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
｢色｣に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚
これなら分かりやすい！Webサイトのデザイン仕様書・指示書の作り方
演歌歌手・伍代夏子、カメラ沼を語る。「好き」をとことん追求する“執着心”に圧倒されまくった #ソレドコ - ソレドコ
1ミリ秒でも早く届けたい! HTMLで画像読込を高速化するために取り組んでいること - ICS MEDIA
グラフを作ってデータを可視化する時に「見やすい色」を選ぶコツまとめ
最後に、日本ソフトバンクに出版事業部があった時代について話そう
DALL-E3 (ダリスリー) の無料教科書:初級編｜プチpony
戦国時代だったテキストエディタ界をVisual Studio Codeが天下統一しつつある
画像生成AI「Midjourney V5」登場、超高画質＆AIが苦手な「手」もキレイで実写との区別はほぼ不可能
Photoshopで美しいゴールドにする、黄金エフェクトが簡単に作成できる無料のアクション
スタートレックのオタクが放送大学で理数系の基礎教養を学んだ話 -
親父の借金から学んだ、親が元気なうちに聞いておくべきこと｜tayorini by LIFULL介護
「あいつサボってないか？」の不安を解消 1分単位で作業を記録できる時間トラッキングサービス
これは便利！ありそうでなかった最新Web、オンラインツール36選
画像編集ソフトの覆い焼きやソフトライトといった「レイヤー合成モード」は一体何をしているのか？
Adobeの新機能「スーパー解像度」がすごすぎる！古い写真画像でも驚くほど美しく拡大できる
全て無料、本当は教えたくないフリーフォント無敵リスト【商用OK】
HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA
Illustratorの代わりにAffinity Designerを使う
2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表
【総まとめ】2021年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
Windowsのタスクバーでもネコ走らせてみた🐈 - Qiita
Web制作を変える！2021年の便利オンラインツール・ベスト100選
「Webデザイナーはコーディングできるべきか」という議論に対する私の考え
指紋認証は500円あれば作れる「偽指紋」で簡単に突破できることを示すムービー