Aggregator

CSS Nite LP34 フォローアップ(4)庄崎 大祐さん(Stocker.jp)『自分でスクリプトを書いて効率アップ 』

11 years 8ヶ月 ago

2014年4月19日、御茶ノ水ソラシティカンファレンスセンターで開催したCSS Nite LP34「Webデザインで使うPhotoshop」のフォローアップとして、庄崎 大祐さん(Stocker.jp)の『自分でスクリプトを書いて効率アップ』セッションのスライドなどをシェアします。

メッセージ、補足

「Photoshop用のスクリプトを書く」というと、とても難しそうなことのように思えるかもしれませんが、JavaScriptの基礎知識とScriptingListenerがあればどうにかなるということをお話ししました。

自動化したい作業がアクション機能では実現できないとき、ぜひScriptingListenerのことを思い出して頂けると幸いです。

なお、ダウンロードデータに含まれるスクリプトは[Photoshopのインストールフォルダー/Presets/Scripts]内にコピーしてお使いください。
なお、「シェイプ作成」と「シェイプサイズ変更」スクリプトについては、以下の記事の最後でソースコードの解説をしています。CSS Nite LP34配布版はブログで配布しているものより改良しているため、ソースコードの一部が異なりますがご了承頂けると幸いです。

PhotoshopでのWeb制作効率を向上させる「JSX」とは | Stocker.jp / diary

「段落テキスト作成」スクリプトは、先に「長方形選択ツール」で選択範囲を作ってから実行してください。選択範囲がない場合、サイズと位置を尋ねるダイアログが表示されます。
「段落テキスト作成-MSPゴシック」は「MS Pゴシック」が、「段落テキスト作成-Osaka」は「Osaka」フォントファミリーがインストールされている環境で動作します。

告知事項

Photoshopを使用したWebデザインやHTML/CSSコーディングについて基礎から教えるスクールを渋谷にて開講しています。次回6月開講予定です。
社会人のためのWebデザインスクール

Webデザイナーやコーダーのための、PHP入門とWordPressカスタマイズ講座は、6月?7月の土曜日に開催します。各5時間x2回のレッスンです。
PHP徹底入門講座
WordPressカスタマイズ講座

自分でスクリプトを書いて効率アップ/庄崎 大祐(Stocker.jp) from CSS Nite on Vimeo.

CSS Nite実行委員会

CSS Nite LP34 フォローアップ(5)牧下 浩之さん(Plankton Design)『実案件で活用できるPhotoshopデータ作成ルール 』

11 years 8ヶ月 ago

2014年4月19日、ベルサール九段 御茶ノ水ソラシティカンファレンスセンターで開催したCSS Nite LP34「Webデザインで使うPhotoshop」のフォローアップとして、牧下 浩之さん(Plankton Design)の『実案件で活用できるPhotoshopデータ作成ルール』セッションのスライドなどをシェアします。

メッセージ、補足

ご参加いただきありがとうございました!
私のセッションでは、デザイナーがPhotoshopデータを作成する際に、注意すべき点や便利な手法についてのお話をさせていただきました。

ルールと言うと難しく考えてしまうかもしれませんが、ルールを定めてそれに沿うことによって、効率もデザインの質もあがります。
ルール化することで、他の制作者や他の案件にも活用できますし、時間が経ってから自身のデータを振り返る際にも有効です。
ぜひ実案件の制作に導入し、役立てていただければと思います。

セッション中に紹介したエクステンション

Pixel Dropr:レイヤーをIllustratorのシンボルのように登録・再配置することができます。
http://pixeldropr.com

Layrs:使用していないレイヤースタイルの削除など、レイヤーのクリーンナップをおこなうことができます。
http://madebyvadim.com/layrs/

Photoshopのデータ整理に便利なエクステンション

Adobe Layer Namer:画像アセットを書き出すためのレイヤー名変更を簡単におこなうことができます。
https://www.adobeexchange.com/store/products/1680

Renamy:複数のレイヤーのリネームを一括でおこなうことができます。
http://www.renamy.com

CSS Hat:標準の「CSSをコピー」ではレイヤースタイルの塗りの色を拾うことはできませんが、CSS Hatであれば可能です。
http://csshat.com

告知

デザイナー同士がプレゼンテーションを行い、ものづくりの発想と思考をシェアするイベント「DePre!」のVol.2を、5月24日(土)に開催いたします。
詳細は後日アップデートしますので、ご興味を持っていただけた方は、ぜひ公式サイトをチェックしてみてください。

DePre!

<p><a href="http://vimeo.com/92517062">実案件で活用できるPhotoshopデータ作成ルール/牧下 浩之(Plankton Design)</a> from <a href="http://vimeo.com/cssnite">CSS Nite</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
CSS Nite実行委員会

CSS Nite in SAPPORO, Vol.14「選ばれるECサイト」 が終了しました

11 years 8ヶ月 ago
CSS Nite実行委員会

LINEの猛進と企業による活用事例

11 years 8ヶ月 ago
LINEの猛進と企業による活用事例

こんにちはディレクターの竹本です。

皆さま知人や友人との連絡手段に何を活用されていますか?
e-mail、SMS、スカイプ、facebookメッセンジャー・・・などなど、いろんなツールをが存在しますが、わたしはここ最近はもっぱら「LINE」での連絡が多くなってきました。ご覧の皆さまにも同じような方いるのではないでしょうか。

モバイルメッセンジャーアプリ「LINE」はこの2011年6月にサービスが公開後、スマートフォンの普及と共に急速に普及し、2014年4月の公式発表では登録ユーザー数が世界で4億人を突破したと発表されています。

他のメッセンジャーアプリを差し置いて、LINEの急速な普及の要因としてはその便利さ、気軽さ、といった非常にシンプルなことが大きいと思います。

LINEの主な特徴

  • 無料
  • シンプルな設定
  • 電話番号認証、電話帳をベースにした友達リスト
  • 使いやすく表現が豊富なスタンプ機能
  • ログイン、ログアウトの無い常駐アプリ

上記に加え、わかりやすくPOPなデザイン性も、ITリテラシーの低めのユーザーに対し取りつきやすいイメージを与え、急速に普及していったものと思います。

このユーザー数の劇的増加に伴い、企業による公式アカウントを活用したマーケティング活動のプラットフォームとしても急速に成長を見せています。

企業公式アカウントによる顧客接点の獲とく事例

2014年7月2日時点の公式アカウントの友達数ランキングは以下の通りです。

このランキングの中から3つのアカウントについてどのような運営、活用をしているかを事例として以下にご紹介します。

楽天市場 公式アカウント

国内最大規模のオンラインショッピングモール 楽天 のLINEの友達数は何と1800万を越えています。しかも基本的には電話番号認証が必要なので、ユニークユーザーの数字にかなり近いものと考えると、日本の総人口の1割以上、ということに驚かされます。

楽天のようなモール運営、小売り業態での活用としては、LINE上で限定のお得な情報、クーポンの配布により顧客への明確なメリットを提供し、顧客の囲い込みを実現しています。楽天と言えばメルマガ、という印象がありますが、メルマガが大量に蔓延して陳腐化している市場において、とってかわるものになりつつあります。

DHC

DHCも楽天と同じように限定のお得な情報、クーポンの配布を活発に行っているアカウントですが、LINEでのお友達登録の戦略の特徴で王道ともなりつつある、「お友達登録でオリジナルスタンププレゼント」での集客の代表的な成功例と思います。オリジナルキャラクターの「タマ川ヨシ子(猫)」が他のお友達から回ってきて見かけたことがある方も多いのではないでしょうか。このLINEキャラクターというコンテンツはユーザー同士で使用され、「自分も使いたい」という共感が生まれれば受信した人もそのスタンプをダウンロードする為に公式アカウントにお友達登録するという拡散力を持っています。うまく認知されれば自社のブランディングとしてキャラクターを確立できる可能性も秘めていると言えるでしょう。

アフラック

保険会社のアフラックも約1000万人というお友達登録数を誇っています。オリジナルキャラクターの「ブラックスワン」の日常を楽しくかわいらしく描いた4コマまんが日記のようなものを配信し、楽しめるコンテンツの中で保険の重要性や必要性をおりこみ顧客育成を実現していると思われます。セール情報やクーポンなどの顧客へのメリットをダイレクトに使用することが難しい業態での運用としてとても良い参考事例と思います。わたしもスタンプを持っています。

企業での活用をさらに活性化するLINEの新サービス

2014年2月 LINE株式会社から「LINEビジネスコネクト」が発表されました。
このサービスは、公式アカウントで受けたメッセージやスタンプをLINEのAPIで受け取ることが可能になるサービスです。

LINE株式会社による公式発表では、このLINEビジネスコネクトのケーススタディとしては以下のように説明しています。

公式アカウントへピザのスタンプを送信するだけで宅配ピザの注文ができたり、レンタルしていた商品の返却日前日にLINEで通知を送ったり、LINEから位置情報を送信してタクシーの手配をしたりするなど、様々な可能性が広がります。

引用元:LINE株式会社 ニュース

LINEの送信メッセージを受け取り、自社のシステムに組み込むことができればユーザーからの特定のメッセージやスタンプの送信をもって注文というサービスを提供し、受け取った情報を自社のPOSシステムやCRMシステムと連携させ、処理をこれまでに無いほど簡単に実現できる、というような可能性が感じられます。

その他LINEアプリ同士のみでなく一般の固定・携帯電話番号にもお得に電話をかけることが可能な「LINE 電話/LINE Call」、LINEユーザーであれば誰でも自分が制作したスタンプを販売出来るプラットフォームの「LINE Creators Market」も同様にLINEのビジネス活用の可能性がとても広がりを見せています。

「LINEビジネスコネクト」、「LINE 電話/LINE Call」など、LINEのサービスを利用するには、以下のオファーガイドをご確認ください。

業務提携オファーガイド

世界に拡大するLINE

アジア圏を中心に普及し続けていたLINEですが、 北米や西ヨーロッパなどでも利用が拡大しており、2014年に入ってアメリカでも登録ユーザーが1000万人を超えました。まだまだLINEそのものの企業アカウント活用では国ごとに分断されている印象があり、グローバル展開のプラットフォームとしては展開しにくい気がします。しかし新しい「LINE 電話/LINE Call」では国際電話も利用可能となっており、このボーダーもやがて取り払われ、グローバルなコミュニケーションツールとしての今後発展の可能性を感じさせています。今後も要注目の1つではないでしょうか。

竹本

直帰されなかったセッションを分析して、魅力あるコンテンツの共通点を探るには?(セグメント100選 第15回)

11 years 8ヶ月 ago
Web担当者Forumの2014/7/17の記事をどうぞ。
http://web-tan.forum.impressrd.jp/e/2014/07/17/17876

高い直帰率は、とかく悪者にされがちです。今回は逆のアプローチを採ることにして、直帰しなかったセッションのセグメントを使ってよい面を伸ばそうという話です。具体的なセグメントは下記です。

・直帰以外のセッション
・直帰セッション

関連リンク:
【Googleアナリティクス セグメント100選 コーナーの記事一覧
noreply@blogger.com (hiromi ibukuro)

2014/5広告業売上、全体では2.2%増、ネットは13.7%増と5か月連続二けた増

11 years 8ヶ月 ago
2014/7/16の経済産業省の特定サービス産業動態統計調査から。http://www.meti.go.jp/statistics/tyo/tokusabido/result/result_1.html

全体では前年同月比で2.2%増。4月に一時的にマイナスになったが回復。テレビは7.3%増だが、雑誌/新聞/ラジオはマイナス。インターネット広告は13.7%増と5か月連続二桁増。ラジオは26カ月連続マイナス。

noreply@blogger.com (hiromi ibukuro)

robots.txt ファイルのテストが簡単になりました

11 years 8ヶ月 ago
クロールするべきか、しないべきか、それが robots.txt の問題です。

正しい robots.txt ファイルを作成して維持することは、ときに難しい場合もあります。ほとんどの場合はそうではありませんが(そもそも robots.txt ファイルを必要としないサイトも多くあります)、大きな robots.txt ファイル内で個々の URL をブロックしている(またはブロックしていた)指定を見つけることは、難しい作業となる場合もあるでしょう。そこで、robots.txt ファイルの編集を容易にするために、このたび、新しい robots.txt テスターを発表いたします。

新しいテスターは、ウェブマスター ツールの [クロール] セクションにあります:


ここでは、現在の robots.txt ファイルの確認、および URL のクロールがブロックされているかどうかのテストを行うことができます。複雑な指定をわかりやすくするため、最終的に決定に使われた箇所がハイライト表示されます。ファイルに変更を加えてテストを行うこともできます。変更を有効にするには、変更したファイルをサーバーにアップロードしてください。Google のデベロッパー サイトでは、robots.txt の指定とファイルの処理方法について詳しく説明しています (英語)。

また、古いバージョンの robots.txt を確認したり、サーバー側の問題によってクロールがブロックされている状況を確認したりすることもできます。たとえば、robots.txt ファイルが Googlebot に対して 500 サーバー エラーを返している場合、通常そのサイトのクロールは一時停止されます。

既存のサイトでエラーや警告が表示される可能性もあるため、robots.txt ファイルをよく確認することをおすすめします。また、robots.txt テスターをウェブマスター ツールの他の機能と組み合わせることも可能です。たとえば、新しい Fetch as Google を使用してウェブサイトの重要なページをレンダリングした際、ブロックされた URL が見つかったら、robots.txt テスターを使って、その URL をブロックしている指定を見つけて修正することができます。CSS、JavaScript、モバイル コンテンツをブロックする古い robots.txt ファイルが原因で問題が発生することはしばしばありますので、そのような問題は、修正すべき箇所がわかれば簡単に修正できます。

今回更新したツールを使うことで robots.txt のテストとメンテナンスが容易になれば幸いです。何かご不明な点がある場合や、robots.txt の指定の作成についてアドバイスが欲しい場合などは、ぜひウェブマスター ヘルプ フォーラムをご利用ください。

電通、テレビ朝日ら4社共同でTV番組の世界観と連動した体験型エンタメ「東京上級ゲーム」プロジェクトを始動

11 years 8ヶ月 ago
株式会社電通は、株式会社テレビ朝日、株式会社ホイチョイ・プロダクション、株式会社トルクと共同で、テレビ番組の世界観と連動した体験型エンターテインメントの「東京上級ゲーム」プロジェクト、および同プロジェ...

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored