photoshopでレイヤーごとに一括で画像を書き出すwordpressやjQuery、macについてのtipsを中心に綴ります。photoshopで上記の画像の様に、各レイヤーに商品画像が格納されている場合があるとします。各画像の表示⇔非表示をいちいち切り替えて書きだすのは面倒くさいです。上の画像の様に5件ぐらいだったらまだ大丈夫ですけど、これが20件、30件となるとちょっとしんどいですよね。Webデザイン編photoshopにはレイヤーを一括で書き出すスクリプトが用意されている!商品が各レイヤーに50件ほど格納されているファイルを書きだす必要があり、楽したいがために必至で調べました。すると、photoshopには標準でレイヤーごとに画像を書き出してくれるスクリプトが用意されているとこの事で早速試してみたわけです。cs5環境で作業してます。)ナビゲーションバーの「ファイル」→「スクリプト」の中に「レイヤーをファイルへ書き出し」という項目が用意されています。設定画面が表示されるので各種設定をしていきます。保存先:ファイルの保存先を設定しますファイルの先頭文字列:ファイル名の先頭文字列を指定したい場合は入力します。ファイル名は「先頭文字列」+「4桁の連番」+「レイヤー名」が設定されます。表示されているレイヤーのみ:チェックを入れると、現在表示状態になっているレイヤーだけを書き出してくれます。ファイル形式:ここで書き出すファイルの形式を設定します。普段書き出しに使用する「webおよびデバイス用に書き出し」機能で設定する内容をほぼほぼ変わらないので、お好みの設定をしてください。png形式で「レイヤーをトリミング」にチェックを入れると透明部分をトリミングして書き出してくれます「実行」ボタンを押すとファイルが書き出されていきます。レイヤー数が多いと少し時間がかかりますので、photoshopがキビキビ作業している様子をモニターの前で応援しましょう。やったー!書き出しができた〜!他にもphotoshopには標準で便利なスクリプトが用意されているみたい今回のことを調べるついでにphotoshopのスクリプトについても調べたのですが、標準で結構便利なやつが用意されている印象でした。他の機能については、また今後の記事で書いていきます。面倒くさい作業はスクリプトを使ってガンガン簡略化したいですね。ミスも減りますし!コレ聴きながら書きました!またまたoasis。全曲A面と言っても過言では無い素晴らしいアルバムです。ブログの更新情報はこちらで配信しています。WordPressで文字数制限して本文を出力しつつ、ショートコードを無効にする。Word原稿をWordPressに楽して貼り付けたい。HTMLを使ってみました。adwpxWordPressのテーマ制作やテンプレートについての概念など、実際にサイトを制作しながらWordPressを知ることができます。制作するだけでなく、ユーザビリティからSEO、さらにはパフォーマンス改善にも触れているという充実ぶり。オリジナルテーマ制作のお供にどうぞ!定番のO'Reilly本でJavaScriptを深く学びましょう!気になる箇所をざっと読むだけでも、とても参考になります。読みを繰り返すのがオススメ。超良書です!wordpressに慣れてくると、今度は痒いところに手が届く細やかなカスタマイズをしたいですよね。phpを利用したカスタマイズからデータベースに直接アクセスする方法がとにかく丁寧に解説されています。個人的には第5章、「プラグインの自作」が物凄く役に立ちました!WordPressプラグインの開発から運用までカバーする、プラグイン開発のまさに「バイブル」です。セキュリティやマネタイズにも触れられていて参考になるところ多すぎです。サンプルが大充実!定番のjQuery入門書です。本の内容に沿って制作を進めるだけで、即実戦投入できる程の機能ができ上がります。5.7系で多言語サイト設定の基本をおさらい〜基本設定編〜【地味】window.open()で開いたポップアップ内から指定のリンクを親ウインドウの別タブで開くふと気づくとMarkerClustererのアイコン画像が404エラー・・・!対処法です。APIにSandboxなるステータスが追加されていた。bxSliderを使用時、任意のスライドで止めるVagrantの動作が遅かったので共有フォルダ設定とVirtualBox環境のメモリ設定を見直してみました。wordpressやjQuery、macについてのtipsを中心に綴ります。