Apple(Mac,ipod)スポンサーリンク前々からその評判は聞いていたブログエディタ「ecto」。ブログエディタ「ecto」にハマる(いい意味で))は知っていましたが、ドラッグ&ドロップで画像が張り付けられることが私にとっては大きなメリットかな、と。以前から私のブログを見ていただいてる方はご存知でしょうが、1エントリに3−4枚の写真を基本的にアップするスタイルなので、今のWordpressの管理画面はちょっと使いにくいわけです。新しいversionになってからは特に、画像複数枚をブログに貼りつけるのが手間で手間で...。いうのも、画像複数枚アップロードは出来るのですが、それを一枚一枚チェックをつけて、毎回ポップアップウインドウを開いて、貼付け、としないといけないんです。pluginで多少はましになるとはいえ...。あと、画像の並び替えとかすると今度は画像へのリンクがちょっとおかしくなったりしてイライラすることが多かったので、これが解消されて、さらにオフラインでブログが書ければなおさらいいな、と。Wordpressにも対応しているみたいですし。3」はシェアウェアで17.95ドル。日本円で2,000円ちょっとですが、試用期間が20日ほどあるので導入してみました。最初にアカウントの作成です。以前の「ecto」は自分でアクセスポイントを記述しないといけなかったようですが、「ecto3」ではブログアドレスを入れれば自動的にアクセスポイントを解析してくれるのでらくちんです。ブログシステムで「Wordpress」を選び、ブログアドレスを入力するとこの画面に。あとは、ブログのタイトルとユーザー名、パスワードを入力して保存するだけでオーケー。エントリ取得で、WPの今までの記事等を読み込みます。編集のところでは、定期的に下書きを自動保存する間隔を自由に変更できるので、ご自由に。あと下書き送信するときに最新保存日時を利用するに私はチェックを入れておきました。送信オプションを、私はとりあえずいきなりアップするのじゃなくて「サーバー上に下書きとして保存する」にしておきました。慣れたらそのまま公開でもいいかな、と。あと、エントリを公開したらtwitterでも同時に通知したい場合はここの「通知を送る」にチェックをします。add-onにtwitter通知するためのアドオンがあるのでまずは、ここのTwitter.zipをダウンロードして解凍すると、「Twitter.addon」というファイルが出来ると思います。Finderを開いて、アプリケーションフォルダに「ecto.app」が入っています。それを右クリックして「パッケージの内容を表示」。フォルダを開き、その中にさきほど「Twitter.addon」を放り込んでください。して、「ecto」→「設定」→「ツール&アドオン設定」を開くと、設定のところに「Twitter」があるはず。twitterのusernameとpasswordを入力。更新通知時にポストされる文章を適当にTemplateに入力。$url$」としました。ポスト成功時にtwitterを開くにチェックを入れておくと、送信と同時にtwitterのポスト画面が開きます。found」になってしまいます。予約投稿をする時には注意が必要。Helperというアドオンがあるのですが、どうやらAmazonの仕様変更をきっかけに使えなくなってる模様。参考に、http://infinite-sushi.com/Amazon.zipをダウンロードして解凍。さきほどと同じように、「ecto.app」を右クリックして「パッケージ内容を表示」。中に既にAmazon.addonがあるので、さきほど解凍して出来たAmazon.addonを上書き。表示方法は自分の好きな方法で。赤線の部分が最初「center」になっていたので、私は「left」に修正しただけです。エントリー新規作成画面さて、ここからは実際に記事を作成するだけ。写真はローカルからドラッグ&ドロップで出来ますし、もちろんiPhotoやFlickrから持ってくることもできます。大事な部分は赤で書いてありますが、私の場合、一番困ったのが、この左下にある「下書きの状態でサーバーにアップする」。このアイコンが見つけられず、いくら設定で「下書きでサーバーにアップする」としても、「送信」を押すと公開された状態でブログにアップされてしまうのでどうしたものか...と思っていました。この左下のアイコンをクリックすると、「エントリをサーバー上に下書きとして保存する」に変更されます。「...続きを読む」以下に書きたい時これも迷った点の一つ。1エントリが長いので、私のブログでは1/3を本文に、あとは「...続きを読む」以下に書くようにしています。タグで言うならば<!–more–>タグ以下。ところが、これがいまいちよくわからなかったので、最初カスタムタグで対応していたのですが、後でこの「追記」ボタンを押して、そこに書けばいいだけのことに気づきました。これで問題なく追記問題もクリア。カスタムタグで<h1><h2>タグなど自由にボタン設定が出来る長い文章だと段落ごとに見出しをつけないと、さっと内容を把握しづらいので私はCSSでh3,h4タグを見出し風に制御しています。このボタンもないのですが、これは「カスタムタグ」で設定できます。エントリ画面の「カスタムタグ」ボタンを押して設定画面へ。タイトルはわかりやすい名前を。開始タグと終了タグを入力するだけ。あとは自分がわかりやすいボタンを「ボタン文字」をクリックし文字パレットから選ぶだけ。設定するとこんな感じでカスタムタグボタンがエントリ画面に追加されます。カスタムタグで囲みたい文字列を選択して、このボタンを押せば問題なく表示されます。画像をドラッグ&ドロップで持ってくる時の設定(lightboxを動かすために)ドラッグ&ドロップできるのは、このectoの大きな大きなメリットなのですが、そのままだとlightboxプラグインを使っている私のブログでは、lightboxが動かない。画像をドロップすると、この画面が出てきます。その時にサムネイルにチェックを入れて、標準で使うサイズを記入。右上の「画像」から「新規」を選び名前をつけてプリセットを保存しておきます。すると毎回サムネイルにチェックを入れなくてもオーケー。元のサイズがこの設定したサイズより小さい場合は、その都度修正した方がよさそうです。後で画像のサイズを変更することも出来ますけど、文字が入っている場合などはつぶれて読みにくくなることもあるので。あと画像のアップロード先ですが、何も設定しなくてもブログと同様の設定になっててくれたのも嬉しい限り。Writerもそうだったのですが、画像のアップロード先がめちゃめちゃになってしまうんですよね。その点、ectoは今まで通り年月で分けておいた通りに、きちんとアップロードされるので素晴らしいです。※5/9追記やはり、このままectoで直接更新してしまうと、lightboxが動作しないですね。relが付加されないです。twitter」をyesにしてから、公開、という流れにしています。これだとちゃんと付加されます。※6/5追記それでもうまくいかないことが多いので、こうなったら直接lightboxタグを書き込む方向で。ect→ブログ設定→テンプレート→画像のところで、リンクタグを以下のように。rel=”lightbox[000000]”ただし、数字の部分は、毎回新規記事をつくるたびに被らないよう変更しなくてはいけませんが。(でないと、別の記事の画像までlightbox上で見られるようになってしまうため。面倒ですが、これだと確実にlightboxが作動します。Helperボタンをクリックして、検索バーのところに普通にAmazonで検索するように単語を入れれば検索結果が出てきます。該当のものが見つかれば、それをクリックして「Create」ボタンを押せば、ブログに張り付けられます。最後はプレビュー(⌘コマンド+R)で確認!ただ、このecto、不要な<br>タグなどが時々入っちゃうのが難点。いう場合は、htmlモードで記述しつつ、「⌘+R」でプレビューを立ち上げておいて、左右に並べながら書いていくといいと思います。プレビューモードは自動でちゃんと更新されていきますから。ecto、シェアウェアですがこれなら買ってもいいかもなぁ、と思わせてくれる素晴らしいブログエディタ。20日間、試用期間があるのでもうしばらく試してみますが、非常にいい感じです。すごく使い易いので、本格導入を検討します。以前ベータ版を使用していたSkit...記事を読むiPhoneで撮影したスクリーンショットを劣化せずにdropbox経由でMacに送る方法iPhoneのアプリレビューをする場合、スクリーンショットを撮ってそれをブログに掲載しながらレビューを書いていきます。アプリレビューにはスクリーンショットは欠...記事を読む今更だけど年賀状の当選番号チェックアプリ「大当たり」を使ってみた今更すぎてもうどうかと思うんですが気にせずアップしていきますよ。ログでもとりあげられていました。導入までの流れはこちらの記事を参考にさせていただきました。me大阪在住の“そら”です。フリーランスでいろいろやっていましたが、現在は育休中。趣味はマスキングテープの収集と郵趣活動で、青空書簡というサイトも立ち上げました。