NewsBuilders (ニュースビルダーズ)

国内トップレベルのiPhone向けニュースアプリ開発パッケージ

Webディレクターに必須なディレクション基本ツール 5選

August 11, 2017

Webディレクターのディレクション業務は多岐にわたるので全てを頭の中で解決しようとするには限界があります。

本記事ではそんなディレクション業務を快適にするツールを紹介します。

厳選した 5つ をピックアップしましたので、Webディレクターの方やこれからWebディレクターを志す人はぜひ参考にしてください。

Webディレクターに必要なことについてはこちらをご覧ください。
Webディレクターに必要な 5つの要素

1. Chrome DevTools

newsbuilders_20170608_009.png

Google Chrome のデバック機能、Chrome DevToolsは必須ツールです。

Chromeブラウザのプリセット機能で、Macでは 「 Command + option + I 」 でも起動できます。
( 「 Command + option + U 」 だとソースを表示させることもできます。 )

Webサイトの表示確認ではもはや業界スタンダードになりつつあるほどのシェアを獲得しているChromeですが、このデベロッパーToolでは簡単に要素の検証や各種端末サイズでの検証も可能です。

Chrome DevTools | Web | Google Developers
Google Chrome

2. チャットワーク(ChatWork)

newsbuilders_20170608_010.png

人気のChatツール、チャットワークです。

チャットツールはいろいろとありますがおそらく業務でも頻繁に使われているものはそれほどないと思います。

ことICT、特にベンチャーではお客さんとのやりとりで指定されることも多いツールです。

無料プランでもグループが14個まで作れて、そのUIがとにかく見やすくて便利です。

チャットワーク(ChatWork)

3. Google アナリティクス

newsbuilders_20170608_011.png

いわずと知れたGoogleのWeb解析ツールです。

慣れると使い方も簡単で過去の訪問者数やリアルタイムでのレポートなど様々な機能を使うことができます。

Google アナリティクス

4. 無料コピペチェックツール【CopyContentDetector】

newsbuilders_20170608_012.png

ライターさんにコンテンツのライティングを依頼した場合、社内ならまだしもクラウドソーシング系などだとコピペの可能性などが怖いですが、無料で簡単にコピペチェックしてくれるツールが CopyContentDetector です。

使い方も簡単で 文章をフォームにペーストして数分待つだけでOKです。

アカウントを作成すると過去にチェックしたテキストを確認することもできます。

無料コピペチェックツール【CopyContentDetector】

5. 無料の写真 – Pixabay

newsbuilders_20170608_013.png

Webディレクターなら誰しも一度は 「無料でオシャレな画像があったらな」 と思ったことがあるでしょう。

この Pixabay は 質の高い画像が 970000以上もあり、それらは全てCreative Commonsライセンスによって無償で利用することが可能です。

画像はサイト全体の雰囲気に合うかどうかも問題ですし、Webディレクターならここぞといった無料画像サイトはブックマークしていると思いますが、まだ知らなければ Pixabay もぜひ加えてみてください。

無料の写真 – Pixabay

まとめ

いかがだったでしょうか。
Webディレクターの必須ツールとして 5つ をピックアップしてみました。

Webディレクターも会社ごとの立ち位置などで必要なツールも変わってきますが、ぜひ活用してみてください。

お問合わせ

ニュースアプリ開発パッケージならNewsBuilders

打ち合わせ後、無料デモアプリを作成します。

お問合わせはこちら
デモアプリを作成依頼

※ご契約前のご相談、ご質問等につきましてもメール・Skype・お電話等にて承っております。