こんにちは！デザイナーのともきです。超簡単にできるフォトショップのTipsをご紹介します。 イラストや漫画の背景を白から透明にして、線の部分を抽出する方法です。 描いたイラストを加工したり、デザインに落とし込む時に、不要な背景を透明にして線画の抽出が必要になったりすることがありますよね。 Photoshopを使って線画抽出するときに、「チャンネル」と「レイヤー」「選択範囲」機能を駆使することで、デザインやデジタル加工で使いやすい線画に変換することができます。 スキャナーから取り込んだイラストや漫画を、Photoshopで自由に加工することができ、様々な応用の効くテクニックとなりますので覚えて置いて損はありませんよ。 取り込んだイラストを1枚用意してはじめてみましょう！ レイヤーパネルとチャンネルを使用します まずは、作業するレイヤーパネルとチャンネルパネルを使いますので、表示していない場合

デザイナーにもお勧め！ CSSもThree.jsもタイムライン編集を可能にするTheatre.jsが凄い ウェブサイトの演出を作る上でアニメーションの実装は欠かせません。一般的には、CSSアニメーションやJavaScriptのライブラリ（GSAPジーサップなど）を用いてコードベースで動きをつけることが多いと思います。ですが、完全にコードだけでアニメーションを調整するのは大変だと思ったことはないでしょうか？ 一度実装したことがある方は共感いただけるかもしれませんが、少し直そうにもコードに戻って調整し、反映されたブラウザ画面を確認して、もう一度コードを直して…と往復していると結構大変です。また、アニメーションさせるプロパティや要素が複数ある場合には、コードを解読する難易度も上がります。 本記事ではそんな悩みを解決できる、GUIからアニメーションを調整できるライブラリ「Theatre.jsシアタ

人には、どの人にもある「思考のクセ」が存在しています。 そうしたクセは、普段あまり意識されることはありませんが、「知っている」人は、それを良くも悪くも「実態を隠す技術」や「他人を操作する技術」として使うことがあります。 例えば、「アンカー効果」として知られている思考のクセがあります。 これは「予測を立てる直前に見た数字をアンカー（よりどころ）にしやすい」という傾向です。 当然これは、金儲けにも利用できます。 数年前、アイオワ州スーシティーのスーパーマーケットがキャンベル・スープのセールを行い、定価から約一〇％引きで販売した。数日間は「お一人様12個まで」の張り紙が出され、残り数日間は「お一人何個でもどうぞ」の張り紙に変わった。 すると、制限されていた日の平均購入数は七缶で、制限なしの日の二倍に達したのである。 このように、心理に関する知識は、成果を大きく左右することもあります。 では、この

ハヤカワの傑作小説を紹介するよ。 ●海外SF グレッグ・イーガン『順列都市（上）（下）』 グレッグ・イーガン『ディアスポラ』 グレッグ・イーガン『しあわせの理由』 アンディ・ウィアー『プロジェクト・ヘイル・メアリー（上）（下）』 オーソン・スコット・カード『エンダーのゲーム』 ウィリアム・ギブスン『クローム襲撃』 アーサー・C・クラーク『宇宙のランデヴー』 アーサー・C・クラーク『太陽系最後の日』 ニール・スティーヴンスン『スノウ・クラッシュ（上）（下）』 コードウェイナー・スミス『スキャナーに生きがいはない』 ダン・シモンズ『ハイペリオン』 フィリップ・K・ディック『アンドロイドは電気羊の夢を見るか？』 テッド・チャン『あなたの人生の物語』 ロバート・A・ハインライン『夏への扉』 ロバート・A・ハインライン『月は無慈悲な夜の女王』 レイ・ブラッドベリ『火星年代記』 グレッグ・ベア『鏖戦／

韓国の文在寅（ムン・ジェイン）前大統領は今月発売の回顧録で、北朝鮮の金正恩（キム・ジョンウン）朝鮮労働党総書記が、核・ミサイル開発に対する国連などによる経済制裁について「正直に言って、きつい」と吐露したと明らかにした。「経済を発展させることが自分にとって最も重要な課題なのに、制裁のせいで難しい」とも話したという。 金氏の発言は、2018年4月に南北軍事境界線のある板門店で実施された南北首脳会談でのもの。回顧録によると、金氏は文氏に対し、核開発について「核は徹底的に自分たちの安全を保障するためのものだ。使うつもりは全くない」と述べた。また「我々が核なしでも生きられるなら、何のために多くの制裁を受けながら核を頭にのせて生きるのか。自分にも娘がいる。娘の世代まで核を頭にのせて生きるようなことはしたくない」とも話…

マレー文化とインド文化の交錯点、カレーラクサを食べる 路上のカフェでミルクティーを 国立博物館に行くのは難しい ローストチキン＋ローストポークライス 劇的に苦いお茶・王老吉を飲む マレーシアのワンプレート山盛りごはん、ナシカンダール 摩天楼の資本主義MAXのバーで蜂蜜をなめる ふたたび野良カフェへ。肉まんを食べる 熱中症になりながら、感動的ナシレマを食べに行く マッサージ屋のげきうまミックスジュース 車に轢かれながら、新峰肉骨茶にバクテーを食べに行く マレー文化とインド文化の交錯点、カレーラクサを食べる タイを経由し、マレーシアはクアラルンプールにやってきた。正直、全くマレーシアに興味がなかった。マレーシアについては、有名なタワーがあるらしいくらいのことしか知識がなく、東南アジアを旅行するとき、常に候補から外れ続けてきたのだけど、このブログによく出てくる男、加藤が、「マレーシアはいいですよ

shopify開発の三種の神器ってご存じですか？公式ブログにも記載があるし、公式ブログにしては初心者にもわかりやすい解説だと思います。 今回はその三種の神器の１つ「Cart arributes」について開発初心者向けの解説をします。 こんな点を解説していきます。 Cart attributeって何？ まぁ、まずはここですよね。そもそもなんだよこれ？って話ですよね。 Cart attributeは早い話が「カートページに追加するinputフィールド」の事です。まぁ、まずは下の画像を見比べてくださいな。 まずはbefore。Debutテンプレートの標準カートページです。 続きましてafter。Cart attributesでinputフィールドを足した同じDebutテンプレートのカートページです。 見比べてみましたか？勘のいいあなたなら、違いにお気づきになるでしょう。そう「くまちゃんの数」がb

(2024年2月17日更新) 台湾・台北の美味しいものをまとめました！といっても、今回の記事は、皆さんの叡智を結集した結果の記事となっております！ありがとうございます！ 先日、「【ゆる募】台湾・台北の「ここはマジで美味い！絶対いけ！」の美食スポット。」をツイ―トしたのです。 すると、たくさんの方が拡散してくださって、おかげさまで、なんと【281件のブックマーク】につながるポストとなりました。感謝✨ 「この素晴らしい結果を見やすい状態にしよう！」と思い、感謝の気持ちを込めて整理したのがこの記事です。お店の件数は拡張可能です。ぜひぜひリプやノートのコメントで、おすすめのスポットをお教えください！(手動更新につき更新遅れはご了承願います。) 以下では、マップ・各店舗情報・いただいたポスト引用を載せていきます！ 台北に行ったらこの美食スポットで飲み食いしろ！マップ ★のところは、予約必要だと教えて

CSSで要素の幅などを指定するとき、「vw」という単位があります。そのままだとちょっとクセの強い「vw」ですが、CSSのカスタムプロパティとJavaScriptを用いればもっと安心して使えるようになるよ。というお話です。 「vw」が破綻を招くワケ 「vw」は、便利ですが使いどころによってはレイアウトの崩壊を引き起こします。まず、「vw」を理解するために「%」との違いや、その問題点についてお話しします。 親要素を基準とした「%」 「%」は、CSSでよく利用される単位のひとつです。親要素の幅を100%としたときに何%になるか、を指定します。例えば、親要素の幅が500pxのとき、子要素に「width: 10%;」と指定すれば、500pxの10%なので50px幅になります。 ビューポートを基準とした「vw」 次に「vw」ですが、こちらはビューポートの幅を100%としたときの相対的なサイズを指定しま

CSSで便利な機能の1つがcalc()、ページのレイアウト、要素やフォントのサイズ設定に活躍します。特に異なる単位で加算減算（calc(1rem + 1px)）できることが便利ですが、乗算除算（calc(1rem / 1px)はできません。 そこでCSSの三角関数です。すべてのブラウザにサポートされているatan2()を使用すれば、異なる単位で計算ができます。tan(atan2())を使用して、スクリーンサイズやフォントサイズを取得するテクニックを紹介します。 CSS Type Casting to Numeric: tan(atan2()) Scalars br Jane Ori (@Jane0ri) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに tan(atan2())は単なる数値である 追記: 三角関数を学び直

予約システムで、業務改善・効率化 SelectType 高機能・多機能な予約システムを無料でスタート ・予約受付・決済管理から顧客管理まで非対面/リモートで ・170種類以上の豊富なテンプレートでいろんなビジネスに対応 ・クレジットカード/コンビニ決済/銀行振込でオンライン決済 ・LINE連携 / Google連携 無料で予約システムを作成する

不動産仲介などを手がける「住宅情報館」の川崎市と横浜市にある店舗前で街路樹が枯れているのが確認され、いずれも店側が除草剤をまいたと認めたことが市への取材で分かりました。会社は、原状回復を進めるとしています。 川崎市によりますと、去年11月、多摩区にある住宅情報館「生田店」の前の街路樹の生育状況が悪くなっているのが見つかり店側に確認したところ、除草剤をまいたと認めたということです。 樹木が芽吹くのかを見るため市がことし8月に改めて確認したところ、ユリノキ2本とオオムラサキツツジ22本が枯れていたということです。 また、横浜市によりますと、3年前、「港南台店」の前の街路樹のうちユリノキ3本などが枯れているのが確認され、市が倒木のおそれがあるとして伐採しました。 これについて会社は横浜市に対し、ことし8月「港南台店が除草剤をまいた」と連絡をしてきたということです。 川崎と横浜、いずれのケースにつ

シア・チェイスちゃんは自宅から約４．８キロ離れた場所で発見された/Courtesy Brooke Chase （ＣＮＮ） 米ミシガン州で２歳の女の子が行方不明になり、自宅から約４．８キロ離れた場所で発見された。女の子は愛犬２匹と一緒にはだしで森の中を歩き、発見された時は小さい方の犬を枕にしてスヤスヤと眠っていた。 ミシガン州警察によると、２歳のシア・チェイスちゃんは現地時間の２０日午後８時ごろ、同州フェイソーンの自宅から外へ出て、行方が分からなくなった。 母親は、庭で遊んでいると思ったシアちゃんがいないことに気付いて警察を呼び、父親にも連絡を取った。 警察はドローンや捜索救助犬を出動させ、住民も加わって自宅近くの森林を捜索。約４時間後の同日深夜、オフロード車で山を捜索していた家族の友人が、チェイスさん一家の飼い犬「バディー」の吠え声を聞きつけた。

カスタムShopifyテーマで商品メディアを使用する方法商品ページは、Shopifyマーチャントのストアにおいてもっとも重要なタッチポイントといえます。商品価値を伝達するうえではとくに大切です。 商品ページは、Shopifyマーチャントのストアにおいてもっとも重要なタッチポイントといえます。商品価値を伝達するうえではとくに大切です。その中でもビジュアルは、お客さまを引き付けてストーリーを伝える点で主要な役割を担っています。商品メディアを使用することで、そのレベルを一段引き上げることが可能です。 最近Liquidにメディアフィルターと属性が追加され、Shopifyの商品ページは商品動画や3Dモデルもサポートしています。この拡張機能はすべてのShopifyストアで利用でき、クライアントのストアフロントやカスタムテーマに今すぐ商品メディアを実装することが可能となっています。 この新機能によって、

どうも！Shopifyおじさんです！ 今回は、Shopifyの購入完了ページ、いわゆるサンクスページと呼ばれる場所にcart.attributesの値や、その他の情報が出せないか？を色々調べてみました！ まずは、基本編ということで解説していきたいと思います。 記入する場所 そもそもどこにコードを書いたらいいのか？ こちらは、テーマファイル内にコードを書くのではなく、ショップの管理画面の設定からコードを読み込ませていきます。 画面左下にある、設定 ＞ チェックアウト ＞ 注文状況ページ ＞ 追加スクリプト （下の画像のところ）にコード書き込んでいきます。 基本文法 いくつか公式でも、説明してあります。（以下リンク） ・注文状況ページをカスタマイズする ・注文状況JavaScriptアセット 公式の内容では、checkoutとshopオブジェクトが使用可能だと書いてありましたが、私がやった中で

▼第3回（通算第20回） 前回は、美しい紙面を作るための代表的な8つの文字組み推奨事項を、詳細にお話ししました。かなり長い説明になってしまいましたが、いかがでしたか？ 今回は、以下のタイトルの通り、一筋縄でいかない和文組版について、さまざまな角度から検証していきます。 6.4 一筋縄でいかない和文組版和文の文章組みには［エリア内文字入力］で［均等配置（最終行左揃え）］にすることが大前提であることは、前項までで何度もふれてきました。そして、この［エリア内］で文章を編集するには、［禁則処理］と［文字組み］方法を知らなくてはなりません。 Adobe Illustrator では、［段落］の中に［禁則処理］と［文字組み］の項目があります。 ウィンドウ＞書式＞段落 （figure6-10） 6.4.1 ●行頭や行末のルールなどを定めた［禁則処理］［禁則処理］は、本来、前項の “6.3 美しい紙面を作

人付き合いは大切だと言われるが、実際どれくらい大切なのか。 俺みたいなタイプは知識として教えて欲しい。 人脈と成功の本はこれを読め。 やっぱり人脈か 学生時代に触れた言葉で印象に残っているものがある。それは「人・本・旅」だ。ライフネット生命の出口治明の言葉で、彼は人間が学ぶ方法はこの3つだと常々言っている*1。俺はこれを読んだ時に思った。 「俺は人に会うのは好きじゃないから、代わりに本を倍読もう」 それで積極的に本を読み、年に一回は旅に出るということを続けてきた*2。だが、色々と本を読み続けたことで、あることに気がつく。人と会い、繋がりを作ることは重要ではないか、と。 もしかしたら「学び」だけなら「本」と「旅」だけでもそれなりに得られるかもしれない。だが「成功」を求めるならば、「人」の比重が多いようだ。俺が読んできた様々な本で、「人脈」や「人的ネットワーク」の重要性が語られていた。また、社

アメリカへようこそ (角川書店単行本) 作者:マシュー・ベイカー,田内 志文KADOKAWAAmazonこの『アメリカへようこそ』はアメリカの新進作家マシュー・ベイカーの初の短篇集の邦訳である。どうやらアメリカでは「注目すべきストーリーテラー10人」に選ばれるなど注目の作家のようだが僕は聞いたことがなく、ＳＦの短篇集らしいという前情報だけで読み始めたのだけど、これが読んだらたまげてしまった。 扱っている題材はマインドアップロードから犯罪をおかすと記憶を消される世界の男の話まで奇想系まで様々なのだが、とにかくその筆致、語りは誰かに似ているようで似ていない、オリジナルなもので、他で体験できない心地よさが残る。「これまで意識したこともなかった領域に言葉で触れた」とでもいうような短篇群で、その良さがうまく表現できないのだが、だからこそたまげたのだ。単純明快でわかりやすい作品ではないが、その分、文の