CSV＆Photoshopのデータセット機能で画像を量産する方法 ｜ Tips Note by TAM
決まったフォーマットを元に、画像や文言を差し替えるといったファイルの量産は、とても面倒で時間がかかりますよね。 そんな時にはPhotoshopのデータセット機能を活用してみてください。 差し替え要素をまとめたCSVファイルとPhotoshopを紐付ければ、大量のデータを自動的に生成してくれます。 手順 フォーマットを用意 CSVファイルを作成 変数を定義 データをセット ファイルの書き出し フォーマットを用意 今回はECサイトのセール商品にそれぞれのOFF率を掲載してみる、という例でサンプルを用意してみました。 下記のフォーマットを元に、商品画像とOFF率を差し替えたファイルを量産していきたいと思います。 出力するファイル名を商品コードにしたいので、ここでは0のテキストレイヤーを用意し、非表示にしておきます。 CSVファイルを作成 1列目には項目名を、2列目以降に差し替え箇所に挿入する値を
GoogleがDataset構造化データをサポート、表形式のデータを検索結果に表示
[レベル: 上級] dataset（データセット）の構造化データを Google がサポートするようになりました。 schema.org/Dataset の構造化データをマークアップすると、表形式で構成されたデータをリッチリザルトとして検索結果に表示できます。 定型フォーマットで整理したデータを検索結果に表示 dataset として定義できるデータの種類はさまざまです。 統一されたフォーマットで構成されたデータはたいてい dataset として利用できます。 たとえば、イメージしやすいのは CSV で保存されているデータです。 表形式になっていて、何らかのデータを系統的に提供しています。 独自の形式であっても、定型のフォーマットでデータをまとめていれば dataset として認められます。 コンピュータに読み込ませるデータは、定められたフォーマットになっていることが多いはずです。 そうした
[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法
ビューポートを使った単位（vw, vhなど）は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか？ サイトのナビゲーションやページコントロールはどうでしょうか？ それらは計算に含まれますか？ スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法を紹介します。 The trick to viewport units on mobile 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ビューポートの高さ（vh）の仕様 高さいっぱいの要素を表示する方法 ビューポートのリサイズにも対応する ビューポートの高さ（vh）の仕様 W3Cの仕様では、ビューポートの単位をどのように計算するかは漠然としています。スマホでは高さが重要になることが多いので、ビューポー
![[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a5cf0a3bb9540d4d9f77cfb193ce39e28e90836/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080401-02.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
