starnote*の記事ができるまで。

今年は裏側をたくさん公開しますよー!

理系の宿命なのかどうかは分かりませんが、僕はいろんな事象の「メカニズム」の部分に目が行ってしまいがちなんです。映画を観ているときは、内容よりも「これどうやって撮ってるの?」とか。センスのいいポスターを見つけたときは、「どうやったらこんな発想が生まれるんだろう?」とか。もちろん、普段の研究においても重要な視点です。

今年は、きっと皆さんもそうなんだろうと仮定して、僕のブログの作り方に関する話を書いていこうと思います。第1弾は、どうやって記事を書いているかについて晒してみましょう。


starnote*の裏側公開シリーズ

starnote*流、アイキャッチ画像のつくりかた。
僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境
starnote*的、アイキャッチ画像に使う写真を選ぶ基準。


Macで執筆します

僕は研究も含め、普段からMacを使って作業をします。もちろんブログもMacで書いてます。それはなぜなのかという話題から。

WindowsではなくMac

Macの方が僕に合っているのでMacを使う。言ってしまえばこれだけのことですが、「日頃使うモノは自分に一番合うものを使いたい」という軸で、すべてのモノを選んでいます。だから「Windowsを選択肢に入れたくない」ということでは決してありません。

つまり、WindowsとMac、どちらでもいいというのが本音です。その時点でベストだと思えるモノを使いたいので、最近ではSurfaceシリーズでもいいかなーとは思っています。

ただ、現在Appleのエコシステムの中にのめり込んでいる以上、Windowsに乗り換えるには相応の投資をする必要があります。そこまでして乗り換える気にならないというのも、また正直なところ。

もちろん、好きでMacを使っているというのもありますが、わざわざ乗り換える程の魅力をWindowsに感じないので、そのままにしています。Macよりもいいモノが出てきたら乗り換えるかも。

iPad ProではなくMac

記事を書いたりアイキャッチを作ったりなど、記事づくりのメインとなる作業はMacでやります。10.5インチiPad ProとSmart Keyboardを持っているくせに、Macでブログを書くことが多いです。

なぜかというと、単純に大は小を兼ねるから。確かに文章を書くだけだったらiPad Pro + Smart Keyboardでもいいのですが、ブログ記事の要素ってそれだけじゃない。

少し凝ったアイキャッチ画像を作りたいと思ったらPhotoshopやIllustratorを使いたくなります。iPadでも同じようなことができなくはないですが、作業スピードを考えたらMacの方が断然早い。

さらに、Macの方がフルサイズのキーボードだから打ちやすいのです(これは12.9インチiPad Proだったら解決するかもしれませんが)。

要するに、iPadを使ってブログを書いていると、あぁMacがあったらなーと思うことがよくあるので、最初からMacでやります。

ただ、ちょっとした外出で、軽い文章しか書かないような状況では「iPad Pro + Smart Keyboard」を持ち出すこともあります。このへんは柔軟な運用をしています。


では、本題に参りましょう。

記事執筆のフロー

僕は計画を立てる前に実行に移してしまうタイプの人間。なので先に記事を書き始めて、必要に応じて写真を撮ったり図を描いたり。良く言えば柔軟性がある、悪く言えば行き当たりばったりです。

もちろん、旅行に行ったレポートとかは写真が先なのでこの限りではありませんが、レビュー系の記事ではこんな感じです。(とはいえ、最近そんな記事書いてないな…)

  1. ネタを見つける
  2. テキストエディタ(Ulysses)を立ち上げて書き始める
  3. 写真を撮影・現像する
  4. アイキャッチを作る
  5. 書き上げる
  6. 最終チェック&公開

もちろん、最初に計画を立てて写真も全部撮影して記事を書いた方が効率がいいのは分かってます。が、これまでいろいろと試行錯誤しながらブログを書いてきた結果、まず最初に書き始めた方が方向性を決めやすい。そのあとで、方向性に合わせて必要な写真を撮る。

また、先に書き始めた方がモチベーションを保つのにいい気がしています。書きたいことを思いついた瞬間が記事を書くエネルギーが最大化されている状態なので、その状態である程度形にしてしまった方がいい。

要するに、「計画段階からいきなり本文を書き始めて、必要に応じて加筆・修正していく」というやり方です。記事の構成を図に書き出したりとかはせずに、最初から文章を書き殴る。僕にとってはこれがベストだという結論に達しました。

ネタを見つける

このブログは『僕が書きたいことを書きたいときに書くブログ』というコンセプトのもと運営しているので、書くネタはそのときによって変わります。僕の気分次第ということです。そのへんに転がっている内容で、誰かとシェアしたいなーと思えることを書いてます。

テキストエディタ(Ulysses)を立ち上げて書き始める

以前も紹介しましたが、僕は「Ulysses」というテキストエディタを使って書いています。気持ちよく文章を書けることに特化したアプリで、僕のパフォーマンスを最大限に引き出してくれます。

【Macアプリ】Markdown形式のテキストエディタ「Ulysses for Mac」を導入しました。操作性バツグンで文章を書くのが楽しくなるアプリ。

こう言ったら誤解を招くかもしれませんが、ブログって書かなくても生きていけるんですよ。少なくとも僕はブログを本業にしていないので、「ブログを書く」という行為はあくまでも自主的なもの。だから、気持ちよく文章を書けるツールを使わないとモチベーションが続かなくなってしまいます。

また、このUlyssesというテキストエディタはWordPressブログへの投稿機能も持っているので、気持ちよく文章を書いて、写真を入れ込んで、そのまま投稿することが可能。こんなにいいツールを開発してくれたことに感謝です。

「書き始める」というのは、たとえば電車の中でいいアイデアが思いついたら、iPhoneで記事タイトルだけ作っておくとか、思いついたことを箇条書きで書き出しておくとか、メモの要素も含みます。また、Macに向かっているときに思いついたことがあれば、そのままの勢いで本文を書き殴ることもあります。

そのあと、時間がとれるときにMacに向かって、大まかな流れを本文ベースで作っていきます。この時点で書き上げるのは稀で、本文の完成度としては3割くらい。

写真を撮影・現像する

モノのレビューの場合、自宅のデスクで写真を撮ります。以前にメインで使っていたNEX-7というカメラはフラッシュを内蔵していたので、壁にバウンスさせて撮影していました。

でも最近購入したα7 IIIはフラッシュが内蔵されてなくて、外部ストロボを使わなければなりません。今はどれを買うか検討中なので、いいモノがあったら教えてもらえると嬉しいです。

いずれにせよ、僕はRAWで撮影してLightroomで現像します。この作業はiPad Proでやることにしています。

カメラからSDカードを取り出して、Lightning – SDカードリーダーでiPad Proに取り込む。そのあと、iPad版のLightroom CCに読み込んで現像すると同時にAdobe CCにアップロード。ここまで、僕がカメラで撮影した写真を現像するフローとして定着していて、ブログ用か否かにかかわらず共通です。

Eyefi亡き今、ワイヤレス転送難民はどうすればいいのか? 僕の写真取り込みフローがどう変わったか実例をレポート。

ブログ用の写真の場合、右下にウォーターマークを入れて長辺2,000pxにリサイズしています。この作業を行う比率はiMacとiPad Proがちょうど半々くらいです。自宅にいるときはiMacで、外出しているときはiPad Proで、という感じ。

iMacでは、Adobe CCを経由してデスクトップ版のLightroom Classic CCにRAW画像が同期されるので、ここから書き出します。Lightroomの設定でウォーターマークを入れて、長辺2,000pxで書き出し。そのあとImageOptimというアプリで圧縮しています。

一方、iOS版のLightroomにはウォーターマークを入れる機能がありません。なので、iPad Proから書き出すときは、Workflowというアプリでウォーターマークとリサイズと圧縮を同時にしています。この設定はごりゅごさんの記事を参考にしました。ありがとうございます!

アイキャッチを作る

撮影した写真の中から、その記事を最もよく表している写真を1枚選び、アイキャッチ画像(記事トップの画像)を作ります。

Photoshopでテンプレートを作っているので、その中に画像と文字を入れ込んで作っています。一発でバシッと決まることもあれば、何度も何度も作り直すこともあります。そのときの僕の調子と、アイキャッチを作りやすい写真が準備できているかどうか、という部分に依存します。

アイキャッチに関しては需要がありそうなので、思考の過程を改めて記事にする予定です。

追記:書きました。
starnote*流、アイキャッチ画像のつくりかた。

書き上げる

撮影した写真と作成したアイキャッチ画像を貼って、それに合わせて文章を書き上げます。

基本的に、最初に書いていた草稿に沿って文章を書きます。僕はこの作業を「骨組みに肉付けする」と呼んでいます。

でも書いているうちに骨組みごと変えた方がいいと思えてくると、ごっそり入れ替えることもあります。レビュー記事などでは入れ替えが発生するのは稀ですが、この記事のような「思考の過程」を記してくような記事では頻繁に入れ替えてます。

また、記事の中の1つの話題が結構なボリュームを占めてくると、別の記事として独立させることもよくあります。上ではアイキャッチに関する話題を書きかけていましたが、もっと詳細に書いた方が伝わると思い、記事を分けることにしました。

最終チェック&公開

ここまで来たら、あとはチェックして公開するだけです。誤字脱字はもちろん、文章の表現や構成が分かりにくくないか、ということを中心に読み返します。ただ、書いた本人がやるので甘いチェックとなってしまいますが、個人ブログなのでそれでもいいかなと開き直ってます。

テキストエディタ「Ulysses」では直接WordPressにアップできるので、この機能を使います。下書きとしてブログにアップしたあとはブラウザ上の作業です。カテゴリを指定し、アイキャッチ画像を確認して、プレビューを見て問題がなければ投稿ボタンを押します。

そのあと、Twitterで更新のツイートをします。以前は投稿と同時に自動でツイートするようにしていましたが、最近は記事に関するコメントをつけたくて、手動でやってます。こんな感じです。


まとめ

今回は、裏側公開シリーズ第1弾として、starnote*の記事ができるまでのフローを紹介しました。ブロガー界隈にしか需要が無さそうな記事ですが、きっとどこかに参考にしてくれる人がいるはず。

次は、アイキャッチ画像の作り方や、ブログを書いている環境について書ければいいなーと思っています。こんなことも書いてほしい!というような要望があればTwitterでリプライ送ってくださいー!では!

starnote*の裏側公開シリーズ

第2弾はアイキャッチについて書きました。よかったらぜひ。

starnote*流、アイキャッチ画像のつくりかた。 – starnote*
裏側公開シリーズの第2弾です。 最近、「starnote*のアイキャッチ画像はセンスがよくて統一感がある」と言われたことがありました。そう言っていただけるのは嬉しいのですが、何かの理論に基づいて作っているわけではなく、僕自身のフィーリングに頼っている部分が多いです。 論理的に系統立てて説明することはできませんが、できるだけ詳細に僕の思考回路を共有すれば、少しは参考になるかも…!と思い、この記事を書きました。あくまでも「僕はこうやって作ってますよ!」という紹介なので、軽い気持ちでお読みください。 starnote*の裏側公開シリーズ → starnote*の記事ができるまで。 → 僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境 → starnote*的、アイキャッチ画像に使う写真を選ぶ基準。 アイキャッチ画像を思いつくパターン 「アイキャッチ画像を作る」という作業には、僕の中にいくつかのパターンがあります。 なんとなく流れでできちゃったパターン 最初から頭の中にイメージがあるパターン 写真を決めたらアイデアが湧いてくるパターン 何も思いつかなくて作りながら考えるパターン とはいえ、体系的に整理できているわけではありません。だってアイキャッチ画像の作成において多くを占めているのは「フィーリング」ですからね。皆さんだってそうでしょ? 突然ですが、「Perfect Photo Recipes Book」という本をご存じですか? 写真家の野寺治孝さんが、カメラの設定とともに「写真を撮るときの思考」を記した本です。 PERFECT PHOTO RECIPES BOOK(パーフェクト・フォトレシピブック) (玄光社MOOK)posted with カエレバ野寺治孝 玄光社 2017-06-07 Amazon楽天市場Yahooショッピング 今回はこの本の考え方を拝借して、僕がアイキャッチ画像を作るときの思考の過程を共有できればと思います。 アイキャッチとは、その記事の「顔」 アイキャッチ画像とは、文字通り「アイ(Eye)をキャッチ(Catch)するための画像」です(和製英語ですが)。つまり、その記事の顔や看板となるわけです。

3回目はトバログさんの企画に乗ってみました。結構読まれています。

僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境 – starnote*
人間というもの、他人のことが気になってばかりです。カバンの中身が気になったり、デスク環境が気になったり、どのような環境で作業をしているか気になったり。 だいぶ出遅れましたが、トバログさんから「#わたしのブログ環境」というハッシュタグが発信され、多くのブロガーさんが環境を晒しています。せっかくなので僕も乗ってみて、ブログや論文を執筆しているマシン環境について紹介してみることにしましょう。 starnote*の裏側公開シリーズ → starnote*の記事ができるまで。 → starnote*流、アイキャッチ画像のつくりかた。 → starnote*的、アイキャッチ画像に使う写真を選ぶ基準。 Who am I? 作業環境を紹介する前に自己紹介から。「どのような背景を持った人か」ということを共有しておかないと、参考になりにくいと思うので。 薬学系の博士課程で研究してる大学院生です 専門分野はDrug Delivery System ブログやってます(このブログ) なので、執筆といえば「論文」や「ブログ」です もっと詳しいことを知りたい方は、下のページをご参照ください。 → 著者プロファイル では本題に参りましょう。 Mac使ってます 現在メインマシンとしているのは2台。外出先(研究室やカフェなど)では「13インチMacBook Pro」、自宅では「27インチiMac」を使います。 外出先で使う13インチMacBook Proは2016年モデルの特盛仕様です。AppleオンラインストアでSSDの容量以外を盛れるだけ盛りました。1年間毎日のように使ってきたので、もう既に僕の体の一部のようになっています。 ディスプレイ 13.3インチLEDバックライトディスプレイ、2,560 x 1,600ピクセル プロセッサ 3.3GHzデュアルコアIntel Core i7(Turbo Boost使用時最大3.6GHz) メモリ 16GB 2,133MHz ストレージ 512GB PCIeベースSSD OS macOS 10.13 High Sierra → 12インチMacBookから13インチMacBook Proに買い替えたファーストインプレッション。タッチバーモデルの特盛仕様(SSD以外)で購入しました!

4回目はアイキャッチ画像に使う写真を選ぶポイントについて。2回目の記事の続編です。

starnote*的、アイキャッチ画像に使う写真を選ぶ基準。 – starnote*
記事の「顔」にはこだわります。 ブログ記事の一番上に大きく表示される「アイキャッチ画像」。目を引くアイキャッチ画像であればあるほど、その記事はよく読まれる。僕はこのように思っています。 そのアイキャッチ画像について、以前記事を書きました。そのときは「つくりかた」という視点で僕の思考回路を共有しました。いわば総論ですね。 今回は各論として、僕がアイキャッチ画像に使う「写真を選ぶ基準」にスポットを当て、その選び方をご紹介します。 starnote*の裏側公開シリーズ → starnote*の記事ができるまで。 → starnote*流、アイキャッチ画像のつくりかた。 → 僕がブログや論文の執筆に使うマシンたち。 #わたしのブログ環境 以前の記事の続編です。 詳しいアイキャッチ画像の作り方については、作成時の僕の思考回路をこちらの記事に記しました。 ということで、この記事は上の記事の続編です。当時は思いつかなかったことや、時間がたって新たにやり始めたことについてシェアしておきます。 記事のジャンルによって使う写真が変わる まず、アイキャッチ画像となりうる前提条件として僕が求めているのは、「Twitterのタイムラインで流れてきたときに思わず目に止まってしまう」ような写真を使うということです。 以前このようなことを書きました。 たとえて言うならば、「ジャケ買い」したくなるCDのアートワーク。そんな感覚でアイキャッチ画像も作れればいいなと思っています。 → starnote*流、アイキャッチ画像のつくりかた。 とはいえ、このブログにはさまざまなジャンルの記事を書いています。旅記事からモノレビュー、はたまたオピニオン系の記事まで。 このような記事のジャンルの違いを無視して「アイキャッチ画像の選び方はこうだ!」と言うわけにもいきません。なので、「写真があるかどうか」を基準にして、僕が普段書いている記事を体系化してみましょう。 関係する写真がある記事 たとえば旅記事など、写真を掲載するのが主体となる記事があります。このような記事の場合は、撮影した中から1枚選んでアイキャッチ画像として使います。 旅記事など → 象徴的な写真 モノレビュー →

Leave A Reply

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Navigate