りんろぐ。

女子でも分かるぷちまにあっく話。

iPhone イベントレポ モブログ

iPhone Blog Cafeであかめ先生からモブログのノウハウを教えてもらった! #ibcafe

2013/07/21

iPhoneでブログ書くのも好きな凛(@rin_wan)です。

今回は、モブログを愛してやまないあかめちゃん(@mk_mizuho)が講師という贅沢な勉強会に参加してきましたよ( ´艸`)


iPhone Blog Cafe

勉強会ではあかめ先生の秘伝の書き方や利用アプリなどの紹介もありつつ、初心者さんが実際に使えるように体験コーナーも。

難しそうなブックマークレットもゆっくり1ステップずつ教えてもらえるという贅沢な時間が流れていきましたよ!

お前初心者か!?と言われると怪しい所ですがw私にモブログを教えてくれたあかめちゃんの晴れ舞台ですから!応援しに行かないわけにはいかないじゃないですか(*´д`*)

個人的にはあかめちゃんの秘伝の書き方が見れて大満足でしたw

今回は短時間で詰め込みで色々な事をやったので、あれ?どうだったかな?と思った時はこの記事で復習してくださーいヾ(o・ω・)ノ

また、都合が悪くて参加出来なかったけど気になってた方もこちらで情報確認して下さいねー♪

あかめ先生の教え:画像を編集して入れてみよう!

あかめ先生がまず教えてくれたのは画像を編集するのに使う便利アプリ!タイミングは人それぞれだと思いますが、私もあかめ先生同様に事前にまとめて写真加工しちゃいます。後から追加する事もありますw

私が画像を編集する目的は大体こんな感じ。
・ネットに流してはNGな情報が写りこんでるので消す
・サイズを変更する
・画像に追加情報を付けてあげたい

どれか該当しそうであれば編集してみて下さいねー!特に該当しない場合は、ここは飛ばして書いちゃってOKです!

ぼかす&モザイクをかける

まずはぼかすタイプ。

これは私も使ってますが簡単に高級なカメラで撮ったようなピントの合った写真が作れちゃう!めっちゃ便利です。ポイントはぼかしたくない所を赤く塗るという所ですよー!

こちらはモザイクが簡単にかけられる。しかもそのモザイクの場所が移動出来る素敵アプリ!

他にも矢印や文字、丸や四角といったものまで簡単に載せられるので、画像を文字で補足したい場合にオススメ!

サイズ変更&切り取りをする

こちらはDaco@0さん(@dacoplus)がオススメしていた画像サイズ変更アプリ。

実際に動かして見せてもらいましたが、簡単に容量やサイズを変更出来る素敵アプリ!ちゃんと変換後は別フォルダに保存してくれる所も凄い。

こちらは写真を決まったサイズにじゃんじゃん切り取れるアプリ。

詳しい使い方はこちら!


画像を入れてみる

今回はするぷろを使って記事を作成するやり方を紹介してくれました。編集した画像や、撮った画像をするぷろに入れますよ。

するぷろアプリはこちら。

ここであかめ先生も「絶対の正解はない」と言っていた画像の保存先。自分のサーバーなのかネット上のストレージなのか。永遠の悩みですね。私も自分のサーバーに置いておきたい派です。

ちなみにするぷろはRetina対応です。難しい事はよくわかりませんが、PCで見た時にぼんやりしない綺麗な画像になるんですってー!

このモードをONにするにはiPhoneの設定アプリを起動して、アプリが沢山並んでる中の「するぷろ」をタップ。沢山項目がある中の「Retina Mode」をONにすればOKです!

あとはサイズを指定しましょ!するぷろを起動して右上の「Setting」>左下の「edit」>自分のBlogタイトルをたっぷ。

Image Widthの所のPortraitが縦長の写真、Landscapeが横長の写真。ここは各自Blogのテーマに応じてサイズを決めるのが吉です。

よく分からなければ300、500あたりの数字を入れて自分のBlogでどう見えるか検証してみるのが早いかも!

あかめ先生の教え:ブックマークレットを作ろう!

さて画像の扱いも慣れてきたら次のレベルへ!

人のサイトの記事名やBlogタイトル、URLなど色々な情報を1つずつコピペしてたら指と心が折れちゃいますよね…orz

ということでとっても便利なブックマークレットを使うべく下準備をしましょー。

Tabelog2HTMLを作ろう。

今回あかめ先生が最初に教えてくれたのは食べログの店舗情報を簡単に取得出来る「Tabelog2HTMLメーカー」というブックマークレット。

こちらは可愛いフォルテというわんこの飼い主さん、ふぃーぷれさん(@feelingplace)が作って下さってますよー!

ただし、今回食べログサイト側でシステムに変更があった様で取得に失敗してしまった模様。ふぃーぷれさんがお時間ある時に修正して下さるそうなので楽しみに待ちましょー(`・ω・´)シャキーン

ShareHtmlを作ろう。

食べログのブックマークレットが使えなかったので、急遽ShareHtmlを体験する事に。こちらは他の方の記事やオススメ記事などを紹介する時に使います。

まず魔法のボタンを使う為に環境を作るのがこのShareHtmlメーカー。

まずは出力方式を好きな物に変更しますよ!

モブログは応用レベルまで使いたい!という方は後で連携アプリが変更となる可能性があるので「ポップアップ」がオススメ。とりあえずよく分からないけどするぷろ使うよ!という方は「するぷろ連携」で問題ありません。

書式テンプレは紹介リンク先の記事サムネイルの大きさと位置をどうするかを決める所です。これはもうお好みで♪

準備が出来たら「Bookmarkletを生成する」ボタンをぽちっとな。

ブックマークレットをブックマークする

このShareHtmlメーカー、見ての通りPCでも使えます。PCの方は生成された「ShareHtml」の文字をドラッグ!ブックマークバーにドラッグすればOKです♪

iPhoneの方は長押ししてURLをコピー。iPhone付属の「メモ」でもテキストエディタでもいいので起動して貼り付け。URLの頭「http://」から「?」までを消して「javascript」という言葉が先頭になったらOK!

もう一度さっきのSafariの画面に戻って、表示されているページをブックマークします。ブックマークが完了したら、ブックマーク一覧から登録したブックマークを編集!

URL欄のアドレスを×印で閉じて、空いたスペースに指を長押し。出てきたペーストをタップしてブックマークの編集を完了。

これで準備OKです!あとは紹介したいページを開いて、ブックマークに登録されているShareHtmlをタップ。

「Input Memo.」と表示されるので「キャンセル」をタップ。そうすればさっき設定した出力先へ、紹介する記事の情報がどーん!と表示されちゃいますヾ(*´∀`*)ノ゛

よく分からないかたはこちらの記事を!

WordPressに下書きをアップしよう!

いよいよするぷろで書いた記事をWordpressへアップロードしますよ!あかめ先生はいきなりアップするのではなく、下書きでアップしてWordpressアプリで見え方の調整などをされてるそうです。

するぷろからWordpressの下書きへ。

するぷろからWordpressに下書き保存する時は「Save Draft」を選びます。「Submit Post」は投稿の事、「Clear All Text」は全文削除なのでご注意をw

「Save Draft」を選ぶと「Draft Option」が表示されます。ここで記事のタイトルやカテゴリ、タグの追加・修正が可能です。記事URLのタイプをカスタマイズにしている方はスラッグも変更出来ますよー!

WordPressでプレビュー表示。

するぷろでの下書きが無事に完了したら、いよいよWordpressアプリの登場です。

投稿一覧の中から下書き記事を表示して、目のアイコンでプレビュー確認しましょー!問題なければ「下書き」を「公開」にしてアップすれば完成っヾ(*´∀`*)ノ゛

ちなみにあかめ先生は来週からこちらのアプリを使ってみるご予定だそうですよ♪私も気になってるアプリですー。

懇親会

沢山勉強した後は楽しい懇親会(o^ω^o)

美味しいお料理が沢山テーブルを飾りましたよー!

デザートも♪

上記の素敵写真を撮影して下さったのは、ぽんぷ亭女将さん(@okami_pomptei)!カメラ好きで素敵写真が沢山〜♪おすそわけしていただきました( ̄ー ̄)ニヤリ

まとめ

・あかめ先生が可愛かった!
・あかめ先生の実演が見れて大満足!!
・色々な方と交流出来たのが楽しかったヾ(●´ω `●)ノ

モブログに正解はなし!自分なりのやり方で素敵なモブログ環境作って気軽に記事アップしていきましょーヾ(o・ω・)ノ

どこか躓いた部分があった時な凛(@rin_wan)まで投げておくと気が向いた時に返事が届くかもしれませんw

新しくご挨拶させていただいた皆様!こんな感じの適当な私ですが、気軽に遊んでやって下さいませー♪

次の記事もお楽しみに〜(*`・ω・)ゞ

Posted from するぷろ for iPhone.

スポンサードリンク

スポンサードリンク

CATEGORIES & TAGS

iPhone, イベントレポ, モブログ, ,

Author:

iPhoneアプリ/語学学習/間取り図/ガジェットが大好きです!手帳と宇宙画像が最近の癒しです。WorkFlowyが好きでスマホから操作ができるアプリHandyFlowyとMemoFlowy絶賛オススメ中♡


  1. […] [U・ω・U]iPhone Blog Cafeであかめ先生からモブログのノウハウを教えてもらっ… […]

  2. 【行ってきた】「iPhoneでブログ書きたい超初心者さん向け勉強会」【レポート】 | ブログ | ColorFullWeb より:

    […] [U・ω・U]iPhone Blog Cafeであかめ先生からモブログのノウハウを教えてもらっ… […]

  3. […] ◆ [U・ω・U]iPhone Blog Cafeであかめ先生からモブログのノウハウを教えてもらった! #ibcafe ( via りんろぐ。 ) ◆ [Å] iBCで初のモブログ講師!人生何が起こるかわかりませんね!貴重な体 […]

関連記事