こんにちは。ディレクターブログ編集部です。

去る6月11日に、当ブログは開設５周年を迎えました。
（５周年記念UST生放送も実施しました）

投稿された記事数は800エントリーを越え、おかげさまで多くの読者の方々に新旧様々な記事をお読みいただいている当ブログですが、この節目のタイミングで、アクセス解析を用いて確認できる各種データを明らかにしてみたいと思います。

※ 尚、今回のデータの参照先となったGoogle Analyticsの利用を開始したのが2009年4月からの為、数値は全てそれ以降の間に集計されたものとなります。

サマリーデータ

• ページビュー数

※月別PV推移(2009年4月〜2012年5月)

この間（39か月間）のトータルPV数は 3,641,984PVでした。今年に入ってからは安定的に毎月10万以上のPVとなっています。


• 訪問別ページ数
  1.32ページ。


• 平均滞在時間
  1分3秒。

1分程度でサクっと読める記事が多いのは当ブログの特徴かもしれません。


• ブラウザ比率

※全ページビューに対する使用ブラウザの割合(2009年4月〜2012年6月)



国内のブラウザシェアと比較すると閲覧時のInternet Explorerの使用率が低く、代わりにFirefoxやGoogle Chromeの使用率が高くなっています。当ブログはその性質上Web業界の方々に多く読まれており、業界内での利用比率が反映されている結果かと考えられます。

(参考)
※国内ブラウザシェア推移(2009年4月〜2012年6月)


StatCounter-browser



• 時間帯別PV数

※2012年4月19日のブログ全体の時間帯別PV推移
例として、今年4月19日（木）のデータをご紹介します。12時に記事公開が行われたこの日ですが、公開前の時間帯（10〜12時）からPVがグングン伸びています。企業のお昼休みの時間帯としてはあまり一般的でない10時台に大きなPVを得ているのも、就業中、比較的自由にWebサイトを閲覧することのできるWeb業界の方々がメイン読者層だからかもしれません。

この日は、12時に投稿された記事が少し間を置いてTwitter等で拡散された結果、16時台にPV数のピークがやってきました。


• 訪問者の地域別割合:

※訪問者の地域別割合(2007年4月〜2012年6月)



都道府県別人口分布と比較し異様に東京からの訪問者割合が多いのは、このブログの大きな読者層であるWeb業界の方々はもとより、インターネットにアクセスする機会が多い生産年齢人口が東京に集中しているからと考えられます。

（参考）
※都道府県別人口分布(2010年)

wikipedia - 都道府県の人口一覧より作成

エントリー別PVランキング

1. 『議事録の書き方 基礎講座』
   PV: 202,869PV
   投稿日: 2008年04月24日


2. 『複数の PC を手元で操作 「Synergy」を使おう! -Win&Mac 混合対応版-』
   PV: 149,481PV
   投稿日: 2010年02月18日


3. 『モバイルサイトをPCで見るためのツールやFirefoxアドオン』
   PV: 100,820PV
   投稿日: 2008年08月14日


4. 『社会人なら押さえておきたいフレームワーク思考』
   PV: 98,086PV
   投稿日: 2008年11月25日


5. 『ライブドアに入社したばかりの私が驚いたこと』
   PV: 72,761PV
   投稿日: 2009年04月28日

はてなブックマーク数で見る人気エントリーランキングとはやや異なるラインナップとなっています。特に５位のエントリーについては、獲得したはてなブックマーク数が他のエントリーと比較して突出して多くないにも関わらず、多くのPVを集めているのが印象的です。投稿時に大きく注目を集めていなくとも、時間を経て、様々な流入経路からじわじわと閲覧数を増やす事のできるストック型メディアの特徴が現れているのかもしれません。

ソーシャルサービス別参照元割合

※各ソーシャルサービスからの訪問数比分布(2009年4月〜2012年6月)


当ブログの参照元となるソーシャルサービスの中で、大きな割合を占めているのがやはりはてなブックマークです。2位、そして4位にTwitterとFacebookがそれぞれランクインしていますが、当ブログが開設された5年前には、このふたつのサービスはもっと下位にいたでしょう。

検索キーワードランキング

※検索キーワードランキングベスト5(2009年4月〜2012年6月)

5位の「css3」は、Web開発のノウハウを紹介している当ブログならではのキーワードですが、それ以外、特に「議事録」や「フレームワーク」といったワードは業界問わず、多くの社会人が検索するワードです。Googleにて「synergy」や「議事録」、「フレームワーク」というワードで検索をかけると、上位に当ブログの記事が出現しますが、それぞれの記事が、当ブログ内のPVランキングでも上位にランクインしています。

(おまけ)勝手に選んだ、面白検索キーワードランキング

最後に、Google Analyticsの管理画面を眺めて、思わずクスっと笑ってしまった検索キーワードたちをご紹介します。

1. 錆びた自転車 塗装
2. 今日中
3. 幸薄そう
4. 彼氏 できない
5. 上司 メール

まさか錆びた自転車の塗装方法を求めてこのブログにたどり着く人がいたとは思いもよりませんでした。「今日中」にいたっては何を探していたのか全く推測できません。その他、思わず応援したくなるようなワードや、職場内コミュニケーション作法の習得に腐心する新人ビジネスマンの姿が目に浮かぶようなワードを選んでみました。

以上、5年間継続してきたディレクターブログのアクセス統計からわかる傾向をお届けしました。
みなさんならこの数値からどんな仮説検証を立てますか？ぜひ、Twitterやはてブコメントで好き勝手分析してみてください（笑）

NHN Japan では、数字と熱意を自在に操ることが出来るディレクターを募集しています。来たれ若人！

こんにちは、眞子裕介です。
「ディレクターブログは開設５周年生放送」に呼ばれて喜んでいたところ、急遽、放送中に１本執筆することになりました。がんばるぞ。


今回は、ディレクターにとって必要な『無駄な運用をきっぱりと止める橋下力』についてお伝えします。

続けることは美徳なのか？

みなさんは、「前任者から引き継いだ業務」や「以前から続けている業務」をそのままの状態で続けていませんか？

自分は、決められた運用に疑問を抱かずに、そのまま継続してがんばってやるようなタイプのディレクターでした。ほんとうに、まじめに愚直に。


そもそも性格も影響したと思います。仕事を振られると頼りにされているように思えて、やる気が向上したり、コツコツやることが自分の成長につながったり会社への貢献につながっていると信じていました。


しかし、他の部署に武者修行をして、短期の運用をスタートさせたりストップさせたりしているうちに、その考え方が次第に変わっていきました。

「それなりの理由」の重みの変化

「決められた運用」は、それなりの理由があるはずですが、担当が代わったり、時代のほうが変化したりして、その「それなりの理由」の重みが下がっているような場合があります。

重みが変わったら、仕事のやり方も見直す必要がありますが、これが非常に難しい。

“仕事のやり方も見直すのは、当たり前じゃないか”と思われる方もいるかもしれませんが、実は一端はじめた仕事を見直すのは、長期的にはメリットがあっても、短期的には非常に労力のかかるため後回しになりがちなのです。

しかも、どんなに小さな仕事も会社にとってはプラス。
そして、大きな時間はかからない、小さな仕事が大量に溜まっていき、身動きがとれにくくなっていきます。

『政治』と『行政』のバランス

橋下徹さんと堺屋太一さんの共著に、「体制維新――大阪都 (文春新書) 」という本があります。

大阪都の是非は、意見の分かれるところですが、橋下市長がこの本の中で、『政治と行政』の役割分担に語っています。


手元に本がないので正確性が欠けますが、次のようなことを言われています。
『政治』は、目指すべき方向を指し示すこと。やるべき仕事とやらない仕事を明確にすること。
『行政』は、決められた内容を政治家にはない専門知識を活かして、着実に運営すること。

この本を読んだとき、僕は着実に運用することばかりを考える『行政』タイプの発想に偏っていたこと、そして、『政治』タイプの発想が必要であることに気づかされたのです。

『政治』の判断には、会社の仕事のなかで、自分の仕事を位置づけるという発想が必要になります。

「決められた運用」を変えるには？

さて、いま行っている「決められた運用」を変えるにはどうしたらいいでしょうか？
僕の場合は方法は一つでした。正直に上司に話したのです。


１）やっている運用で得ているメリット
２）やめたときのデメリット
３）やめたときに得られる時間でできる別のメリット

を説明しました。

ドキドキしながら、おびえながら、、、。

幸い、「２）やめたときのデメリット」よりも「３）やめたときに得られる時間でできる別のメリット」が大きく、あるべき姿が予想しやすかったこともあり、あっさりと通りました。

上司「あ、いいよー」
僕「えっ。。。やったーだけど、でも、あっさり」

僕の場合は、部署移動したタイミングだったので、タイミングもよかったのかもしれませんが、
いま考えると、上司も、うすうすは気がついていたのかもしれません。

『無駄な運用をきっぱりと止める橋下力』の流れ

今回は、あっさりと認めてもらえましたが、実際はもっと説明力が必要になるかもしれません。

１）まずは自分の仕事を書き出す
２）業務ごとに「会社への貢献度」をメモ
３）あるべき論の検討
４）上司と相談

すべては上司を説得できるかどうかですから、
その業務の『会社の貢献度』を正確に見積もり、あるべき論をしっかりと説明する行動かかっています。

数年前と変わらない仕事を続けているようなら、見直しするいいタイミングだと思います。

無駄な運用はきっぱりと止め、会社に貢献できる業務にフォーカスしていきましょう。


NHNJapanでは、会社に貢献できる業務にフォーカスできるディレクターを募集しています

NHNJapanでは、このディレクターブログを引っ張って、10周年まで続けてくれるディレクターを募集しています！


体制維新――大阪都 (文春新書)
クチコミを見る


参考
・橋下市長が主張する「政治と行政の違い」こそ、政治は問われるべき

こんにちは。ディレクターブログ編集部のモリウチです。
先日、スマートフォンアプリの運用・プロモーションについて、NHN Japan Webサービス本部（旧NAVER・livedoor）を代表するスマートフォンアプリの担当者4名に集まっていただきざっくばらんに語っていただきました。

今回は、ボリュームマシマシの座談会の内容を前後編の2回に分けてお届けします！


- まず自己紹介をお願いします。

渡辺：渡辺です。ニュースチームで主にPeachyやHommeなどの特化型ニュースを担当しています。

荒井：ロケタッチのアプリとロケタッチ新聞のアプリの担当をしています荒井です。

矢嶋：マーケティング・広報のチームの矢嶋です。LINEを筆頭にNAVERまとめやKstyleなどをみています。

カツラ：ブログアプリの企画開発をしていますカツラです。ディレクターブログ編集部員でもあります。

- 本日はスマートフォンアプリを作ってリリースした後のプロモーションや運用にフォーカスして話を伺いたいのですが、みなさんの具体的なお仕事を教えてください。

渡辺：まず欠かせない作業としてはApp Store、Google Play各マーケット管理画面でのオペレーションがあります。説明の文言を変更したりファイルをアップロードしたり公開のボタンを押したり。毎日の定常作業ではダウンロード数やランキングなどの数字を追っています。その中で変化があった場合はその理由を調べたり推測したりしています。例えば、ユーザー数やPV、インプレッション数（広告表示回数）以外にも、直帰率が多い機種があると強制終了しているのかなとか調べたり、そういう細かいところを常々見ています。

- LINEは企画・開発のチームと広報・プロモーションチームと分業していますよね。

矢嶋：私のチームでは、プレスリリース〜公式ブログなどでの発信〜ソーシャルメディアでユーザーに接触、という一連の流れを受け持ってそれぞれに担当スタッフを置いています。定常作業で言うと、アプリに対するユーザーのネット上での反応を日々モニタリングしていて、企画・開発側に共有しています。新機能をリリースした後は特に入念に行います。

関連ニュース：地道なソーシャル活用で飛躍 アプリ「ＬＩＮＥ」のプロモ戦略　　：日本経済新聞

- みなさんはネット上でのユーザーからの反応のチェックにどれくらい力をかけていますか？

渡辺：毎朝必ずリアルタイム検索は目を通します。もちろんGoogleAlertにキーワードも入れていますし・・。すごく気になるので頑張って探すんですがそれほどなくてションボリすることもあります（笑）

荒井：ロケタッチではリリース後間もないころからTwitterの公式アカウントでユーザーとコミュニケーションをしている担当者がユーザーの声を拾っています。ポジティブ／ネガティブさまざまな意見を、マトリックスの表にまとめてチーム内全員が集まるミーティングで確認しています。




- ユーザーの声を拾って優先してアプリに反映することはありますか？

矢嶋：セキュリティに関わることなどはすべてを差し置いて開発チームに伝えて迅速な対応を心がけていますが、それ以外はロケタッチと同じように、判断しやすい形にして企画チームに渡して判断は委ねています。

- Google Play、App Storeのレビューコメントはどれくらい重視していますか？

渡辺：相当重視していますね。と言うのもPeachyのようなニュースメディアアプリは、ターゲット層が新しいアプリやコミュニティツールをガンガン試す私たちとはあまり重ならないので、Twitterやブログなどにユーザーの声が現れにくく、あらゆるユーザーから認知されている公式のレビュー欄はとても重視しています。不具合の発見はもちろんですし。漠然と「このアプリいいね」というレビューが付いた場合にも、UIがよかったのかカテゴリがあってたのかなとかチームで話し合います。

- ところで、LINEのレビューコメント数てすごいじゃないですか？素朴な疑問としてどうやってみているんですか？

矢嶋：LINEでは先日リリースもさせていただいたとおり、出会い目的の利用や周辺サービスについては放置せずしっかり対処しようとしています。一般的なレビューについては、マーケットのレビュー欄は比較的閉じているため拡散力という意味ではソーシャルメディアに劣ります。そこで、早急なリアクションを心がけるというよりは、☆1つや2つの低すぎる評価から中心にじっくりチェックしています。

関連リリース：LINE非公認のサービスにご注意ください : LINE公式ブログ

- ソーシャルメディアと言えばLINEの公式Twitterって反応が早いですよね？

矢嶋：NAVERではLINEが注目される前からずっと「ユーザーとの近い距離感」を保つために、Twitterやブログなどで言及してくれたユーザーに対してちゃんとレスをしましょうということを心がけて、3年以上やってきた経緯があります。その中でLINEについては注目度も高くレビューコメントも多いので、ネガティブなものから真っ先に対応して早くユーザーを安心させたいと動いている様子がそのように見えているのでしょう。




荒井：ロケタッチでは、LINEほど言及は多くないので、できるだけこちらからレスができるように心がけています。ソーシャル要素のあるサービスの性質上、アプリのことだけではなくユーザー同士のコミュニケーションについていただく意見が多いところが特徴でしょうか。

- ダウンロード数以外で大事にしている指標はなんでしょうか？

カツラ：ブログアプリはマネタイズが必要なメディアですのでインプレッション（広告表示回数）は常に追っています。数字の変化を見ながら同じユーザー数でもインプレッションがより増えるようにコンテンツのチューニングをしています。

渡辺：同じくインプレッション数はとても大事ですが、ニュース系アプリではダウンロード数に対するユーザーのアクティブ利用率をウォッチしています。Peachyではアプリを利用する頻度ごとに３つのレベルに分けてウォッチしています。月イチくらいの来訪頻度だと難しいんですけど、週イチ来てくれる人は大事な「見込みあり読者」と捉えて、如何にフリークエンシーを上げて毎日来てくれるユーザーになってもらうか、という観点で、キャンペーンだったりコンテンツの質量のチューニングをしています。
通常ニュース系のアプリではダウンロード数の50%くらいのアクティブユーザーがいるのが妥当なところですがPeachyでは週イチ〜毎日読者を増やすことで70%程度のアクティブユーザー率を目指しています。




矢嶋：LINEのようなコミュニケーション系のサービスの場合は単純に周りで使っている人が多ければ多いほど広まっていきアクティブ率はそれに準ずるところがありますので、われわれの場合はシンプルにダウンロード数とランキングを見ています。ランキングが急激に落ちたり上がったりした際には、何があったかを推測・分析したりします。

- そうやって継続的にランキングを見ていてわかったことってありますか？

矢嶋：LINEの特徴としては週末にダウンロード数が伸びる傾向がある点が今まで手がけてきたWebサービスとは異なりますね。結婚式とか人が集まる場でリアルクチコミでおすすめされているんです。その観点で言うともう少し長いスパンで、3月4月は出会いと別れの季節なので伸びましたね。

一同：へえ〜

- ところで、LINEはもうすぐ1周年になりますが、公開当初の広報やプロモーションには苦労をされたんですか？

〜後半記事に続く（6/7公開予定）

お知らせ：NHNJapan ディレクターブログも読めるスマホアプリ

livedoorニュースからIT・インターネットに特化したニュースアプリ「ITニュース」が登場！このブログをご覧のWebディレクターのみなさんにオススメのアプリです。このブログの記事も快適に読むことができます。
ぜひお試しください！

こんにちは、ディレクターブログ編集部です。

来る6月11日、このディレクターブログは開設５周年を迎えます。
そこで、5周年記念企画として、編集部、そしてゲスト社員たちが、ざっくばらんに語らうUSTREAM公開生放送を実施いたします！
（参考: ３周年、２周年、１周年）

放送概要

■放送日時: 6/7(木) 19:00〜20:00（予定）※記念日である6/11ではないので注意!!
■放送URL: http://www.ustream.tv/channel/ld-directors
■参加者: NHNディレクターブログ編集部員と縁のあるゲスト社員たち。
■司会進行: 941、なっちゃん
■放送予定内容: ディレクターブログの編集裏話や、この５年間の軌跡についてなどなど、肩の力を抜いてゆるくお伝えします。おそらくゆるすぎる内容になるかと思います。（内輪ネタ満載）
※内容は予告無く変更する場合があります。真面目方面にはならないと思います。


画像は３周年USTでのヌンチャク風景

エントリー数も800件を超え、多くの読者の方々にお読みいただいている当ブログですが、この５年の間に様々なことがありました。関係者たちがその歴史を振り返るには持って来いの内輪向けコンテンツと共に、このブログを運営しているディレクターたちの素顔をお届けできればと思います。

読者の方々に置かれましても、肩の力を抜いてごゆるりとお付き合いいただければ幸いです。


また、番組中で電報として紹介させていただきますので宜しければディレクターブログへのメッセージをお送りください。フォームはこちらとなります。
→ ディレクターブログ ５周年UST　電報フォーム

アンニョハセヨ！Kstyle編集部です。

「Kstyle」とは……？今回、このディレクターブログには初めて出てきた単語かと思いますが、昨年末に新しく立ち上げたサイトです。



2011年12月26日にオープンし、韓国エンタメ情報をK-POP・ドラマ・映画などのカテゴリごとに、最新ニュースから韓流スターのインタビュー、フォトレポートまで、あらゆる韓流・韓国芸能情報をいち早くお届けしているニュースサイトです。

今回は、初回ということもありますので、「Kstyle」の特徴と運営のポイントをお伝えしたいと思います。

ニュース配信時の3つの注意点

Kstyleは、韓国のメディア6社と提携し、 1日に約60〜80件の最新記事を配信しています。ニュースを配信していく点で、気をつけている点は3点。

1. 情報の鮮度

まず1点目は、情報の鮮度です。

地理的に日本と近い韓国のニュースとはいえ、インターネット社会では、情報の劣化が早く、半日も経過すれば、情報が古く使えないものとなっていることもあります。その為、Kstyleでは韓国にも専任のスタッフを配置しています。そのスタッフと常に最新の情報や話題のニュースについてやり取りを行うことで、いち早い対応を実現しています。

2. 記事内容のバラエティー

2点目は、記事内容のバラエティーです。

ところで、Kstyleが配信する記事は1日あたり最大80件…1つのニュースサイトとして、同じ内容の記事が複数あるのは基本的にNGなのですが、これだけの量を配信しようとすると、記事内容の重複が発生しがちなのも事実です。

しかし、実は、実際に内容をきちんと読んでいくと、提供元のメディアによって、同じアーティストのことを書いていても記事の視点が異なり、全く違う記事内容ということがあります。例えば、同じコンサートステージのことでも、速報記事や、ステージ裏まで密着した記事、アーティストのコメントまで取材した記事、または実際にコンサートを見てきたファン目線の記事だったり…と様々な形の記事が書かれているのです。

好きなアーティストやアイドルや俳優、映画、ドラマ…と、ファンがいるエンタメ情報だからこそ、様々な角度でできるだけバラエティに富んだ情報をお届けしていくことが大切です。そしてそのバラエティーを実現するために、日々、我々は韓国語の翻訳サイトや辞書を頼りに、記事の内容を詳細までチェックし、判断を行なっています。

3. ニュースの信頼性

また、ニュースの信頼性もとても大事です。

これはニュースサイトであれば、前提とも言える当たり前のことなのですが、Kstyleの場合、元々は海外のニュースということもあり、日本のニュースと表現が異なることや、伝達の過程で情報が変わったりすることが信頼性を揺るがすことに繋がります。

そのため、記事を配信する前にKstyleのスタッフが必ず、記事の情報や翻訳クオリティのチェックを行なっています。それでも、時には情報が異なってしまうことがありますが、その時には、すぐに修正や作業を行えるようできるだけ体制を整えています。

ファンの声を意識したニュースのピックアップをする為に

Kstyle編集部では、単純に最新ニュースを配信していくだけではなく、ファンが求めているニュース、一番知りたい情報を編集部で常にチェックし、運営を行なっています。

韓国と日本では、アーティストの活動状況、ドラマの放送のタイミングが異なり、日本国内のファンが本当に知りたい情報と実際に日本で得ることができる情報にどうしても差が出てしまいます。

そこで、日本で公開となる映画やドラマに関連したものを中心に、今一番情報が求められている情報とは何かを常にチェックし、幅広いながらも、真にニーズのある情報の収集、そして提供をを心がけています。

Kstyleスタッフも、もちろん韓国ドラマや映画、音楽のファンであり、日本でのCD・DVD発売などの情報はもちろん、日本のテレビ出演情報なども出来る限りチェックをし、ファン目線でメディアに触れています。

海外の情報を扱う上で一番の情報収集・発進のツールとなるのはSNSです。特に、mixiの編集部日記では、Kstyleで取材に行った際の取材レポや運営上の裏話などを編集後記として掲載しています。記事には掲載されない取材中のエピソードや裏話、イベントに行かないと見れなかったシーンなどをお届けし、ファンの皆さんにより韓国エンタメ情報を身近に感じてもらっています。

Kstyleでは、Twitter・Facebook・mixiとそれぞれのSNSの特徴をうまく活用しながら、ファンの皆さんとのコミュニケーションを行い、時には情報を教えてもらいつつ、ファンの皆さんが求める最新情報をお届けしています。

最後に

サイトオープンの1〜2ヶ月前から本格的に「Kstyle」に携わっていますが、「韓国エンタメ」と言っても一言で片付けられず、音楽業界や映画、ドラマ……と、関わっていく対象が日々広がり、とても奥が深い市場と感じています。

今回は、Kstyleの編集、運営についてのポイント紹介といった内容となりましたが、次回機会があれば、取材記事やSNSでの取り組みを具体的に紹介できればと思います。

では、Kstyle編集部でした！

NHN Japanでは、ニッチカテゴリのメディア運営ノウハウに精通したディレクターを募集しています。

こんにちは、櫛井です。

「もうちょっと明るくするだけで印象違うのに残念」
「余計なものはトリミングでなんとかしたらいいのにな」
と思う画像がインターネットには溢れていますね。

実は簡単なのに敬遠しがちな画像加工。今回は、画像加工ソフトの中でも高機能なのに安価な Adobe の Photoshop Elements を使って説明していきたいと思います。こういったツールは利用している人が多いものを選ぶと、わからない時などに周りに聞きやすいのでメジャーなソフトを選ぶとよいかと思います。


ちょっと長いので目次。クリックするとそれぞれの項目に飛びます。

• 基礎用語、基本的なこと
• 画像の明るさや色味を変える
• 画像にボカシやモザイクを入れる
• （おまけ）写真の余計なものを消す

基礎用語、基本的なこと

• 画像サイズ
画像の大きさのこと。ピクセル単位で表す場合が多い。
キャンバスサイズと表記されることもある。


• レイヤー
アニメのセル画というか、透明なシートみたいなもの。


• トリミング
画像の一部を切り抜くこと


• ショートカットキーを覚えよう
最初は覚えるのが大変かも知れませんが作業が格段に早くなるので覚えておきましょう。ここでは頻繁に使うものをいくつか紹介しておきます。Ctrl という表記はMacの場合は適宜 Command に読み替えてください。

まずはツールの切り替え系から
- M 範囲指定
- V 移動
- Z ズーム。Alt押しながらだとズームアウト。

次は操作系
- Ctrl+Z やり直し（アンドゥ）
- Ctrl+Y やり直しのキャンセル（リドゥ）
- Ctrl+T 自由変形
- Ctrl+L レベル補正
- Ctrl+L 色相・彩度
- Ctrl+プラス ズーム
- Ctrl+マイナス ズームアウト
- スペース 押しながらマウスでドラッグ すると表示されている画面の移動

実際に使っていくと必要性がわかると思いますので、じっくり覚えましょう。ショートカットキーは他にも山ほどあります。


• 最低限知っておきたいこと
元画像は絶対に残しておく。元となる画像さえあればいくらでもやり直し出来ます。上書き・ダメ・絶対。

画像の明るさや色味を変える

サイトの閲覧環境によって違いはありますが、パッと見た印象で暗さが目立つ写真は印象としても暗く映ります。明るさや色合いを適度に補正して印象もよくしていきましょう。

まず明るさの変更をしてみます。
画像を開くとこのような画面になり、左側のアイコンが並んでいるのがツールボックス、中央が画像表示エリア、右側がレイヤーやヒストリーなどが表示されるエリア、下が開いている画像を選択するエリア、上部には選択しているツールのオプションなどが表示されます。




では明るさを変更してみます。
メニューバーから「画質調整」→「ライティング」→「レベル補正」を選択。Ctrl+L でもOKです。




このような画面になります。
全体の明るさを変えるのでチャンネルは「RGB」のまま進めます。（特定の色域を変えたい場合はチャンネルを選んでから調整しますがここでは割愛します）




この左右と中央にあるカーソルをそれぞれ移動させると明るさが変わります。左のカーソルは画像の暗い部分、中央は中間色、右は明るい部分の指定になり、それぞれ左に動かすと明るくなり右に動かすと暗くなります。




左右のカーソルを中央寄りにして、中央カーソルを明るめに（左側）にしてみるとしっくりくる画像になりやすいのでお試しください。




出来上がった画像はメニューの「ファイル」→「Web用に保存」 と進み、写真の場合は jpg という形式で画質を落とすとモアレが出るので画質は100で保存するといいでしょう。ほども書きましたが、元画像はそのまま残すようにしましょう。


完成したのがこちら。
元の画像と比べると一目瞭然です。



この明るさ補正もそうですが、すべての編集作業は「OK」を押すまでは反映されないので色々と操作して試してみてください。もしOKを押してしまっても Ctrl+Z（アンドゥ）でやり直せるので細かいことは気にせずやってみましょう。

次は色合いの変更をしてみます。
人物などが写っている場合に肌の色合いが悪かったり、カメラのAUTOで撮った場合に実際の色と違うような場合に試してみるとよいかも知れません。

「画質調整」→「カラー」→「色相・彩度」を選択します。Ctrl+U でもOKです。




こういった画面が開きますので、「彩度」の部分のカーソルで調整してみます。（ちなみにここで明るさの調整も出来ますが、細かく調整できるぶん先ほどの「レベル補正」がおすすめです）




彩度はカーソルを左にスライドさせると淡く、右にスライドさせるとビビッドになります。全体の色合いを見ながら調整してみてください。




完成したのがこちら。
室内で撮ってしまったために実際のパッケージと違う色味になっていたのがそれなりになりました。

画像にボカシやモザイクを入れる

次に、Web上に表示したくない内容が画像に写ってしまった場合に使うボカシやモザイクの処理をしてみます。

画像を開き、対象となる範囲を選択します。真四角などであればツールボックスから「長方形選択ツール」を選びます。この長方形選択ツールでドラッグ＆ドロップをすると範囲を指定でき、 Shift を押しながらドラッグすると正方形に選択ができます。




頻繁に使うものとして、PCの画面やホワイトボードに書かれたものにボカシを入れたり、モザイクをかけたりすることが多いので最も利用しているのがこの「多角形選択ツール」です。
写真に写る際にモニターなどが真正面なことはほぼ無いので、点と点を選んで範囲指定出来るこのツールはとても便利です。




実際に選択してみます。
まず画面を拡大して、モニターの点を選び、その後に点を選んでいきます。それを４隅おこなえば、ちょっとわかりにくいですがこういった形でモニターの範囲を選択できます。（ちなみに Ctrl を押しながらクリックすると、始点と結んだ状態で範囲指定が完了するので便利です）




では、モザイクをかけてみます。
メニューから「フィルタ」→「ピクセレート」→「モザイク」と選択。




モザイクのピクセルの大きさが調整できるので、試してみてください。




出来たのがこちらです。それなりですね。




モザイクは必要以上に目をひいてしまうので、最近はボカシのほうをよく使っています。メニューの「フィルタ」→「ぼかし」→「ぼかし（ガウス）」を選択。
こちらも調整が出来ますので必要に応じて設定してみてください。




出来たのがこちら。
範囲選択が甘くてモニターの左側にボカシがかかっていないのがおわかりになるかと思います。範囲選択はサボってはいけないということですね。




ちなみに、一度選択した後の操作として、選択範囲を追加したい場合は Shift を押しながらドラッグ、選択範囲を解除したい場合は Alt を押しながらドラッグで操作が出来ますので覚えておいて損はないかと思います。選択範囲の反転、というのも出来ますのでメニューから色々と試してみてはいかがでしょうか。

（おまけ）写真の余計なものを消す

最後はおまけとして、写ってしまった余計なものを消してみます。
つまり、マジックです。

当ブログでもおなじみ、弊社執行役員の佐々木大輔氏が「もうiPadだけで仕事出来るわー」と言い張っていたのでパソコンを取り上げてみた時に撮った画像をベースにしてみたいと思います。




使うのは「スタンプツール」というものです。
ツールボックスから選択し、画面上部に範囲の大きさや不透明度が選べたりするので適宜選択をしてください。




スタンプツールは、相対的な位置を保ったまま指定範囲をコピー＆ペーストしてくれるツールです。ちょっとわかりにくいのでやってみます。では、本人が iPadだけでいい と言い張っていたので机の上のiPhoneを消してみます。

まず Alt キーを押しながら元になるエリアを選択します。机の上のiPhoneが消える部分に色が近いところを選択してからiPhoneのあたりにカーソルを持っていくと、こうなります。




これをドラッグしてゴリゴリやるとうまいことiPhoneが消えていくのがわかります。




最後はぼかしツールなどを使って加工した範囲をならして、完成。
iPhoneなくなりましたね。






というわけで、画像の加工・編集方法でした。他にも色々な画像加工が出来、同じような作業を一括処理出来たりもするので覚えていくと結構楽しいので皆さんもお試しください。
Photoshop Elements の最新版は Amazon では Windows/Mac のどちらでも使えるものが 12000円前後で売っています。モザイクだけかける、明るさだけ変更するといった目的に特化したフリーのツールもありますが、有料だけど汎用的に使えるものを持っておくと何かと捗りますのでこの機会に是非どうぞ。

Adobe Photoshop Elements 10 日本語版 Windows/Macintosh版
販売元：アドビシステムズ
(2011-10-14)
販売元：Amazon.co.jp
クチコミを見る



NHN Japan では、例題となる画像がおっさんばかりでもめげずに記事を書き上げることが出来る強いハートを持ったディレクターを募集しています。

こんにちは、ディレクターブログ編集部のカツラです。

先日、NHN Japanウェブサービス本部に在籍し、サービスの企画やディレクション、編集等の業務に携わる社員約100名を対象に、仕事で愛用するスマートフォン（タブレット）アプリについてアンケートを実施しました。

今回の記事では、その回答をもとに、Web業界で働く我々が普段愛用しているアプリの中から10個を厳選してご紹介します。

プレゼンで活躍するアプリ2つ

勉強会やライトニングトークなど、人前で話す機会がしばしばある我々の仕事において活躍しているのが次のアプリたちです。

『プレゼンタイマー』

設定した時間に「チーン」とベルを鳴らしてくれるシンプルだけどあると重宝するアプリ。ベルを鳴らす時間は三段階まで設定できます。プレゼンの場の座長を務める時のほか、プレゼンの練習時にも便利です。

▼iPhone
プレゼンタイマー
価格: 無料
開発者: Takuya Murakami

▼Android
プレゼンタイマ
価格: 無料
開発者: Takuya Murakami

『Keynote Remote』

Apple公式のアプリ。MacのKeynoteを使ってプレゼンする際、手元のiPhoneからKeynoteを操作することができます。MacとiPhoneが同じネットワーク内でつながっていることが必要です。

▼iPhone
Keynote Remote
価格: ¥85
開発: Apple

<使用している社員の声>

手元で操作してモテモテかとおもいきや（操作に不慣れで）大体まごつく…

Appleのサポートページに詳しい使用方法が載っています。

会議で活躍するアプリ2つ

会議の内容を記録するのはなかなか手間なもの。そんな時に一役買ってくれているのが次のアプリたちです。

『HappyTalkレコーダー： 最高のレコーダー！』

状況に合わせて録音パターンを選び、より質の高い録音を可能にしてくれるアプリです。会議にピッタリな「Conference Room」という設定にすれば、遠くにいる人の声も、近くにいる人の声も、綺麗に録音することができます。インタビューや講演に赴いた際にも使えます。

▼iPhone
HappyTalkレコーダー： 最高のレコーダー！
価格: ¥600
開発: Andrew Berlin

<使用している社員の声>

ひとつのファイルへの追加録音機能や、録音した内容の切り貼りがiPhoneで行えるのが便利。

『Genius Scan - PDF Scanner』

斜めから撮った写真でも、見やすく整形することができるアプリ。わざわざメモを取らずとも、このアプリでサッとホワイトボードを撮影しておいて、後からちょちょっと整形してあげれば議事内容を簡単に確認することができます。撮影した画像はPDFのほかJPEGとしても保存することができ、メールに添付して送ることも可能です。

▼iPhone
Genius Scan - PDF Scanner
価格: 無料
開発: The Grizzly Labs

Evernote関連の便利アプリ2つ

Evernoteはもはやあらためてご紹介するまでもない超便利サービスであり、多くの社員に愛用されています。

PCで閲覧したWebニュース記事をChromeのEvernote連携エクステンションであるClearlyやClip to Evernoteを活用してクリップしたり、紙データをスキャンしてEvernoteに放りこんでおくなど使い方は様々。因みに、Evernote内に格納された紙データはOCR（光学文字認識）が効くので単語検索も可能です。ここでは、そのEvernoteとの連携を前提に利用されているアプリをご紹介します。

『Noteshelf』

手書きで文章を書く為のノートアプリ。ユーザーインターフェースが美しく、ノートの表紙や紙のデザインをアプリ内で販売されている他のものに変更することができます。Evernotoの他、Dropboxとの連携も可能です。

▼iPad
Noteshelf
価格: ¥500
開発: Ramki

<使用している社員の声>

書き味なめらか〜な手描きノート。デザインもテンプレートがたくさんあって洒落乙。

『FastEver - 素早く簡単にEvernoteにメモ』

とにかく起動が素早いメモアプリ。ふと頭に浮かんだことをサッとメモにし、Evernoteに保存することができます。オフライン時はノートを「送信待ち」として保存してくれる点も優秀です。

▼iPhone
FastEver - 素早く簡単にEvernoteにメモ
価格: ¥170
開発: rakko entertainment

<使用している社員の声>

アイデアをEvernoteに素早く保存できる。それだけだけど、便利。

企画・開発で役立つアプリ2つ

Webサービスのスマートフォン向けページの企画、開発時、カユイ所に手が届くのが次のアプリたちです。

『Web Scroll Capture』

Webページ全体のスクリーンショットを撮ることができます。PCブラウザでUA偽装してキャプチャツールを使って…という手間を省いてくれます。

▼iPhone
Web Scroll Capture
価格: 無料
開発: Jaye Jung

<使用している社員の声>

スマホで見てスマホでキャプれるというのはもちろん、アプリ内でメールを立ち上げて添付して送ることができるので、外出先で気になったところを自分にメールしてメモ的にも使えてイイ！

使用方法はこちら

『ScriptBrowserPlus』

Webページのソースコードの表示や編集等ができるiPhoneアプリです。直感的に操作できるのが特徴的。また、多くの人々に使ってもらいたい為、無料、かつ広告無しで提供されているそうです。

▼iPhone
ScriptBrowserPlus
価格: 無料
開発: UNI-LABO Co.,Ltd.

<使用している社員の声>

ソースを見たいときに使います。あと思いつきでちょっとテストしたいときとか。

その他の便利アプリ2つ

その他の場面で社員の仕事を支えているのが以下のアプリたち。手前味噌なラインナップとなってしまいましたが、自社プロダクトは社員も実際に活用しています。

『LINE』

パソコン（Windows、Mac OS X）からも利用可能になった事により、使用する環境が大きく広がった無料通話、無料メールアプリです。ちょっとした連絡を取る際に活用している社員が多いようです。

▼iPhone
LINE
価格: 無料
開発: NAVER Japan Corporation

▼Android
LINE
価格: 無料
開発: NAVER

<使用している社員の声>

いつの間にか通話・メッセージの半分ぐらいはLINEで済ませるようになってました。

会社のチーム、プロジェクトの連絡もこれ！スタンプで堅苦しくないコミュニケーションが実現できます

『Nドライブ』

完全無料で30GBもの大容量ストレージを利用出来るサービス「Nドライブ」のスマートフォン向けアプリを仕事で活用している社員も多くいます。

▼iPhone
Nドライブ App
価格: 無料
開発: NAVER Japan Corporation

▼Android
NAVER Nドライブ
価格: 無料
開発: NAVER

<使用している社員の声>

キャプチャをとってNドライブにアップ、その後PCからダウンロードということが簡単にできるので、アプリでの不具合発生時などに利用しています

以上、私たちが仕事で愛用しているスマートフォン（タブレット）向けアプリをご紹介しました。

NHN Japanでは、便利なアプリを自在に使いこなして業務効率化を実現する社員を募集しています。

こんにちは。デイリーポータルZ編集部の古賀及子です。

私が持つディレクターの知恵というと、あれでしょうか。
はだかでしょうか。

誰しも一度はあると思うのです「ああ、ここではだかを出せたらなあ」と唇をかんだことが。

それこそむかしのテレビのプロデューサーさんたちは「ここでお色気ばーんでどーんと視聴率とっていこうよ！」みたいなことを本気でいっていたというじゃないですか（イメージ）。

ただ、ジャンル的にそういった種類のサイトでない場合、はだかは難しい。そこで私がおすすめしたいのが、はだか色の服です。


はだか色の服



つまりベージュの服なのですが、上記記事でもかなりはだかに近い形で写真に写っていることがお分かりいただけるかと思います。

実際この記事はデイリーポータルZの週間PVランキングでも1位を取得、公開後5年以上経ったいまもじわじわとPVを積んでいるのです。いかに誰がはだかになっているかではなく、「はだか」という言葉そのものが重要なのかが分かるかと思います。

そういったわけで、先日私はまた新たに はだか色の服を入手しました。








黒の水玉があしらわれてはいるものの、絶妙にはだかです。

クローゼットに1着ははだか色の服を。ウェブ業界をリードするみなみなさまの間でぜひ合言葉にしていただきたい一言です。