ブログに使うツールの話だネク!で紹介されていたツールまとめ #ブロネク

2013/08/18
企画

Bnd16 kokuchi eyecatch

使えるツールが盛りだくさん、@jinnaitakumiです!

私が使っているツールはまとめましたが、せっかくなので、ブロネクオンエアー「ブログに使うツールの話だネク!」で紹介されていたツールをまとめます。

できるだけ時系列にそって紹介するので、オンエアーの録画を見ながらでも楽しめるはず。

大ちゃんが推しているKeyconfig

ショートカットキーを登録して、なんかいろいろできるやつ。

これはマジで便利そう。すぐにでもやろうと思う。

[browser-shot width=”300″ url=”http://delaymania.com/201308/webservice/keyconfig_my_shortcut/”]ChromeのKeyconfigでショートカットを追加してブログ執筆速度をあげよう | delaymania

タカさんのモブログには「するぷろ」

するぷろ

モブログの大定番、というか決定版的なアプリのするぷろが、タカさんのモブログにおいても大活躍しているようです。

MyShortcuts

ブックマークレットの起動には、MyShortcutsを使って通知センターから起動しているのですね。

大ちゃんも言っていましたが、私もこのあたりの設定が面倒くさくて、モブログには本格的に足突っ込んでません(笑)

appIcon
【掲載時の価格】¥100

テキストエディターには

WordPressの管理画面

シンタロヲさんとクロジさんは、WordPressの管理画面で書いている、ということでした。

自動で下書き保存してくれますし、プラグインもあって便利だし、どこでもどのPCでもブラウザからログインすれば、同じ環境でブログが書けます。

ある意味環境のクラウド化してるわけですね。これはけっこう便利かも。

▼シンタロヲさんが使ってるプラグインのまとめ記事
[browser-shot width=”300″ url=”http://blog.quusookagaku.com/wordpress/9398/”]2012年版!frasmで使っている「とにかく捗るWordPressプラグイン」48選 – prasm

大ちゃんはDreamweaver

大ちゃんは、本来はソースコードをゴリゴリ書くのではないかと思われる(使ったことないから分からないけど)、AdobeのDreamweaverを使っています。

これはそうとう前からですよね。

で、ネタのストックにはもう新規で開いてタイトルとか書いちゃっておくというスタイル。

MarsEdit

名前は出たけど、誰も使っていなかったMarsEditですが、けっこう便利なエディターです。

画像のドラッグ&ドロップも便利ですし、ショートカットでゴリゴリできるし、かなり快適。私も愛用中。

入力補助には

TextExpander

私も愛用しているMac向けの入力補助アプリ。

これないとブログが書けない。

appIcon
【掲載時の価格】¥3,500

PhraseExpress

Windows向けの入力補助アプリ。TextExpander的なやーつ。
シンタロヲさんも愛用。

クロジさんはブラウザタブやPocketにネタストック

ネタのストックには、リストを使ったりカレンダーを使ったりとかあると思いますが、ハンサムクロジはブラウザのタブ開いておいて分かるようにしておく

これはでも分かります、私もよくやります(笑)

あとは後で読むサービスのPocketに放り込んでチェックしたり。

画像編集にはフォトショとか

Photoshop

大ちゃんとシンタロヲさんは、仕事でも使っているPhotoshopを使っているそうです。

Pixelmator

Mac向けの写真編集アプリで、Photoshop級のあれこれができちゃいます。

私もバリバリ使ってます。

appIcon
【掲載時の価格】¥3,000

Skitch

画像に説明入れたり、矢印いれたり、シャドウだとか、けっこういろいろできちゃうアプリ。


ToyViewer

写真にモザイクとかぼかしとか、いろんな手が加えられるMacアプリ。

appIcon
【掲載時の価格】無料

ハンサムメソッド

スクショとかを貼って、ぼかして、アプリのアイコンを貼ったりする、あの定番のスタイル。

▼これ
[browser-shot width=”300″ url=”http://nanokamo.com/articles/apple/mac/mac-app/app-eyecatch.html”]アプリ紹介記事用アイキャッチ画像の作り方 | NANOKAMO BLOG

ブックマークレット

AppHtml

iPhoneやiPad/Macのアプリのリンクを格好良く表示できちゃう神ブックマークレット。


ShareHtml

こちらは記事のリンクを格好良く作れちゃうブックマークレット。


MusicHtml

iTunesの楽曲のリンクを格好良く作れるブックマークレット。


MovieHtml

iTunesの映画のリンクを格好良く作れるブックマークレット。

AmazonHtml

Amazonのリンクが作れちゃうブックマークレット。

[browser-shot width=”300″ url=”http://dl.dropboxusercontent.com/u/2189347/AmazonHtmlMaker.html”]AmazonHtmlメーカー

カエレバ・ヨメレバ

Amazonや楽天への商品リンクを格好良く作れるブックマークレット。

[browser-shot width=”300″ url=”http://kaereba.com/”]商品紹介ブログパーツ カエレバ

食べログのやつ

タカさんが言ってたふぃーぷれさんの食べログのやつ。

[browser-shot width=”300″ url=”http://www.feelingplace.com/2012/06/01/153032/”]食べログの店舗情報をブログに貼り付けるためのブックマークレット

アイキャッチ探しに

アイキャッチになるような画像を、どんなサービスを使って探しているか、とか使っているか、という話も盛り上がりましたね!

Placelt

シンタロヲさんが紹介してTwitterのタイムラインが盛り上がった、iPhoneとかMacにスクショ放り込めるサービス。

これは使ってみたい。

[browser-shot width=”300″ url=”http://placeit.breezi.com/productshots/”]PlaceIt by Breezi – Generate Product Screenshots in Realistic Environments

iPhone Screenshot Maker

私もちょいちょい使ってるiPhoneとかMacにスクショ放り込めるサービス。

[browser-shot width=”300″ url=”http://iphone-screenshot.com/”]iPhone Screenshot Maker

UNSPLASH

フリーの高解像度の写真を公開してくれてるTumblrですね。

[browser-shot width=”300″ url=”http://unsplash.com/”]Unsplash

AppStoreのアイコン取得できるやつ

シンタロヲさんがMoveEverのアイコン取得してたやーつ。

[browser-shot width=”300″ url=”http://dl.dropboxusercontent.com/u/5070009/iTunes2.html”]AppStore画像検索プログラム

足成

フリー素材が豊富な有名サイト。けっこう使ってるサイトも多いですね。

[browser-shot width=”300″ url=”http://www.ashinari.com/”]写真素材 足成【フリーフォト、無料写真素材サイト】

PAKUTASO

おつぱしがモデルをやったフリー素材を配布してるサイト。

[browser-shot width=”300″ url=”http://www.pakutaso.com/”]PAKUTASO/ぱくたそ-WEB制作向けの無料写真素材/商用可

Photo Pin

Flickrのいい写真が探せるサービス。

[browser-shot width=”300″ url=”http://photopin.com/”]Photo Pin : Free Photos for Bloggers via Creative Commons

クロジさんが使ってるJPEG mini

クロジさんは画像を軽量化するのにJPEG miniを使っているそうですな。

appIcon
【掲載時の価格】¥2,000

ちなみにPNGにはPNG miniが使えます。

appIcon
【掲載時の価格】¥200

男子ハックの純平さんがつぶやいてたやつ

便利なツールを紹介してくださっていたので、まとめます!

Press This

WordPress限定ですが、引用とか画像を引っ張ってくるとかがカンタンにできるらしいツール。

ImageOptim

詳しくは男子ハックへ。

[browser-shot width=”300″ url=”http://www.danshihack.com/2011/10/12/junp/macapp_imageoptim.html”]ブロガー必携アプリ。画像のメタデータを削除してサイズを小さくする『ImageOptim』 | 男子ハック

Convert HTML Tag

改行ごとにHTMLタグで囲めちゃうリスト化がはかどって仕方がないツール。
Mac限定かな?

▼詳しくは男子ハックへ
[browser-shot width=”300″ url=”http://www.danshihack.com/2012/03/20/junp/macapp_converthtmltag.html”]Web制作者やブロガーにおすすめ!選択したテキストの改行ごとにHTMLタグで囲む!「Convert HTML Tag」 | 男子ハック

タダピク

商用利用できるフリーの写真素材が見つけられるサービス。

ブロネクに最適なAngryTube

クロジさんが最後に紹介していたブロネクを見るのに最適なアプリ。

▼詳しくはNANOKAMO BLOGで
[browser-shot width=”300″ url=”http://nanokamo.com/articles/apple/iphone/iphone-app/angry-tube.html”]バックグラウンド&ハングアウト再生・動画再生中のツイートが可能なYouTubeアプリ『Angry Tube』が素晴らしい | NANOKAMO BLOG

おわりに

今回のブロネクはすぐにでも真似できるツール(サービス)が紹介されていて、めっちゃ勉強になりました。

特にKeyconfigは便利そうだな〜。

▼私が普段使っているツールについてもまとめました。