プロフィール

みかん

Author:みかん
東京在住30代♀の趣味戯言ブログ。
ピアノ、読書、映画、iPhone、文具など、浅く気ままに。
RolandのHP205を愛用♪


iianbaiMikan mikanapril1
カテゴリ

openclose

ブログ内検索/全記事一覧

全記事一覧/全タグ一覧

RSS
rss follow us in feedly

スポンサーサイト

<!-- passive:etc --><div style="text-align:center;margin-bottom:10px;"><iframe src='//assys01.fc2.com/1378' style='width:300px;height:250px;border:none;' scrolling='no'></iframe><!-- FC2管理用 --><img src="//media.fc2.com/counter_img.php?id=1368" width="1" height="1"><!-- FC2管理用 --></div><div style="font-size:8px;">上記の広告は1ヶ月以上更新のないブログに表示されています。<br />新しい記事を書く事で広告が消せます。</div>
158

[Mac] HTMLより簡単なMarkdownでブログやメモがはかどる♪Mac用エディタ「Mou」

リアルタイムプレビューが便利なMac用エディタ「Mou」で、Markdown記法を使って書く♪ Mou × Markdown、慣れるとけっこう、いやかなり便利かも。 Mou × Markdown お手軽Markdown Markdownは、HTMLよりもずっと簡単。構文を覚える習得的な意味でも、実際に記述する実用的な意味でも。(あくまで主観) HTMLとかを最低限しか知らない私のような人間でも手軽に扱えます。(とはいえここに至るまで腰は重かったけど) HTML... <p>リアルタイムプレビューが便利なMac用エディタ「<a style="color:#0070C5;" target="_blank" href="http://25.io/mou/">Mou</a>」で、Markdown記法を使って書く♪<br /> Mou&#160;×&#160;Markdown、慣れるとけっこう、いやかなり便利かも。</p> <br /> <h4>Mou × Markdown</h4> <h6>お手軽Markdown</h6> <p>Markdownは、HTMLよりもずっと簡単。構文を覚える習得的な意味でも、実際に記述する実用的な意味でも。(あくまで主観)<br /> HTMLとかを最低限しか知らない私のような人間でも手軽に扱えます。(とはいえここに至るまで腰は重かったけど)</p> <p>HTMLとMarkdownの書き方の違いは、<br /> 例)</p> <table> <thead> <tr> <th></th> <th align="center">HTML</th> <th align="center">Markdown</th> </tr> </thead> <tbody> <tr> <td>見出し</td> <td align="center">hタグで囲む</td> <td align="center">先頭に「#」を並べる</td> </tr> <tr> <td>引用</td> <td align="center">blockquoteタグで囲む</td> <td align="center">先頭に「&gt;」</td> </tr> <tr> <td>強調</td> <td align="center">strongタグで囲む</td> <td align="center">アスタリスク2つで囲む</td> </tr> </tbody> </table> <p>こんな具合。<br /> Markdownは記号的で視覚的。</p> <p style="text-align: center;"><a target="_blank" href="http://doremifaiianbai.blog.fc2.com/img/201502181147308c8.jpg/"><img width="460" border="0" height="408" alt="Mou - Markdown" src="//blog-imgs-76-origin.fc2.com/d/o/r/doremifaiianbai/201502181147308c8.jpg" /></a><br /> <span style="font-size: x-small;">※Mouの設定 → Theme:Tomorrow+、CSS:GitHub</span></p> <p>書き方は下記サイトを参考にしました。</p> <p>《参考》</p> <ul> <li><a target="_blank" style="color:#0070C5;" href="http://kojika17.com/2013/01/starting-markdown.html">文章作成やメモ書きにも便利、Markdown記法|Web Design KOJIKA17</a></li> <li><a target="_blank" style="color:#0070C5;" href="http://webkaru.net/dev/markdown-cheat-sheet/">Markdown の書き方 - 基本構文 - 開発メモ - Webkaru</a></li> <li><a target="_blank" style="color:#0070C5;" href="http://qiita.com/tbpgr/items/989c6badefff69377da7">Markdown記法 サンプル集 - Qiita</a></li> </ul> <p>MarkdownはHTMLの構文をすべて網羅してるわけではないようだけど、見出しや強調、引用、リンク、リスト、表など、基本的なことはできるみたい(なら十分だ!)。MarkdownとHTMLが混在してもOKな点が融通が利いて素敵。</p> <h6>HTMLに自動変換</h6> <p>Markdownで書き終えたら、<strong>Option + Command + E</strong> でHTMLエクスポート。あとはブログの編集画面(ここではFC2ブログ)に貼り付けて、仕上げ。貼り付けてそのまんまってわけにはいかないけど、それでもおおかた完了できます。この自動変換は魅力的。</p> <br /> <h4>Mou × Markdownを使うメリット</h4> <p>Markdownなんか覚えなくても、HTMLなんかほとんど知らなくても、ブログは書けるし、下書きだって普通のテキストエディタ等で十分ではあります。</p> <p>でも、ブログの編集画面での作業って私はどうにも落ち着かない。ちゃんと保存されてるかな、下書きをうっかり公開しちゃったりしないかな、とか。ネットの接続状況にも左右されるし。</p> <p>Mouなら落ち着いて書けます。ログインも画面遷移も不要、動作も軽いし、書きたい時にすぐに書き始められるのも良いです。ブログ編集画面でのそわそわする作業は最低限にできます。</p> <p>ブログに限らず、普段のメモとしてもMarkdownは便利。ToDoとか、欲しい物リストとか。普通のプレーンなテキストよりも見栄えがするし、読み易いです。例えばHTMLのコードをコピペすればプレビュー表示されるので、ちょっと表示を確認したい時や、画像入り装飾付きの華やかなメモとしても活用できます。</p> <p style="text-align: center;"><a target="_blank" href="http://doremifaiianbai.blog.fc2.com/img/20150218114733a15.jpg/"><img width="460" border="0" height="284" alt="Mou - Youtube" src="//blog-imgs-76-origin.fc2.com/d/o/r/doremifaiianbai/20150218114733a15.jpg" /></a></p> <h4>MouのCSS設定</h4> <p>Mouは任意のCSSを設定することもできるんですね。自分のブログのCSSを使えば、よりブログに近い形で表示確認が可能。</p> <p>《参考》</p> <ul> <li><a target="_blank" style="color:#0070C5;" href="http://lifemission.seesaa.net/article/260289317.html">実は優秀なブログエディタ!Mac専用「Mou」の設定と使い方: 問題解決に効く1日10分の仕事ネタ</a></li> </ul> <br /> <hr /> <br /> <p>この記事もMarkdownから起こしました。<br />Markdownに対応したエディタはMou以外にもいろいろあって、Evernote連携するものもあるっぽい!?おいおい探してみようっと。<br /> <br /> 以上♪</p>
131

[Mac] 一括リネーム&リサイズやコラージュもできるようになってた無料の画像編集アプリ「fotor」

Macで画像編集ができる無料アプリ「fotor」。 久々に起動したら、コラージュや一括処理ができるようになってて、ワタシ、感激! Fotor画像処理 - Photo Effect, Picture Collage, Filters and Frame カテゴリ: 写真, ユーティリティ 普段、写真の編集はiPhoneで済ませていて、PCでやることはあまりなかったんですが、改めて見てみたら俄然使ってあげたくなってきた♪ 正直、かゆいところに手が届き切ってない点もあるけども。... Macで画像編集ができる無料アプリ「fotor」。<br /> 久々に起動したら、コラージュや一括処理ができるようになってて、ワタシ、感激!<br /> <br /> <br /> <span class="appIcon"><img height="100" alt="" class="appIconImg" src="http://a3.mzstatic.com/us/r30/Purple2/v4/9a/f7/b4/9af7b4cb-30d6-dc43-b02c-29c0c3f6fe04/logo.512x512-75.png" style="float:left;margin: 0px 15px 15px 5px;" /></span><span class="appName"><strong><a href="https://itunes.apple.com/jp/app/fotor-hua-xiang-chu-li-photo/id503039729?mt=12&uo=4&at=11l8nG" target="itunes_store">Fotor画像処理 - Photo Effect, Picture Collage, Filters and Frame</a></strong></span><br /> <span class="appCategory">カテゴリ: 写真, ユーティリティ</span><br /> <span class="badgeL" style="display:inline-block; margin:4px"><a href="https://itunes.apple.com/jp/app/fotor-hua-xiang-chu-li-photo/id503039729?mt=12&uo=4&at=11l8nG" target="itunes_store" style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/htmlResources/assets/ja_jp//images/web/linkmaker/badge_macappstore-lrg.png) no-repeat;width:165px;height:40px;"></a></span><br /> <br /> <br /> <br /> 普段、写真の編集はiPhoneで済ませていて、PCでやることはあまりなかったんですが、改めて見てみたら俄然使ってあげたくなってきた♪<br /> 正直、かゆいところに手が届き切ってない点もあるけども。<br /> <br /> <br /> <div style="text-align: center;"><img width="420" height="241" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-home.jpg" alt="fotor-home" /></div> <br /> <br /> 起動直後のこの↑ホーム画面で3つの機能から選択。<br /> <br /> <ul> <li><span style="font-size: large;"><strong>Edit</strong></span>:画像編集機能(各種フィルタ、フレーム、チルトシフト、テキストなど)</li> <li><span style="font-size: large;"><strong>Collage</strong></span>:コラージュ機能</li> <li><span style="font-size: large;"><strong>Batch</strong></span>:一括処理機能(リサイズ、リネーム、フォーマット変換など)</li> </ul> <br /> 毎回選択するのが煩わしい場合は設定で飛ばして、直接「Edit」を起動することもできます。<br /> <br /> 「Edit」はたとえばiPhoneの画像編集アプリにあるような機能がひととおりそろってる感じ。雰囲気をあれこれ変えたり、明るさやコントラストを調整したり、もう煮るなり焼くなり好きにしてですね。<br /> <br /><br /><br /> <br /> <h5>Batch:リネーム&リサイズ&フォーマット変換を一括処理</h5> <br /> <br /> 複数のファイルのリサイズ、リネーム、フォーマット変換が<span style="color: rgb(51, 51, 153);"><strong>フォルダ単位で</strong></span>一括でできます。更に「Edit」の機能の一部も使えて、たとえば一括でモノクロにしたりフレームをつけたりできます。<br /> 処理前/処理後のフォルダを選び、サイズやファイル名、フォーマットを設定し、右下の青い三角の再生ボタンを押下。<br /> フォーマットはjpg、png、bmp、tiff。<br /> <strong><span style="color: rgb(128, 0, 128);"><br />ファイル選択ではなくフォルダ単位というのがかなり面倒</span></strong>ですが。しかも毎回選択しなきゃいけないっていう。<br /> <br /> <br /> <div style="text-align: center;"><img width="480" height="343" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-batch.jpg" alt="fotor-batch" /></div> <br /> <br /> 上の例は、<br /><br /> <ul> <li>リサイズ:幅400、縦横比そのまま</li> <li>リネーム:ファイル名を「preppy_」、連番の数字を「1」</li> <li>フォーマット変換:jpg、高画質</li> </ul> <br />という設定で、処理後のフォルダは処理前と同じフォルダを指定。<br /> 結果はこうなりました。<br /> <br /> <div style="text-align: center;"><a href="http://doremifaiianbai.blog.fc2.com/img/fotor-batch-result.jpg/" target="_blank"><img width="191" height="159" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-batch-result.jpg" alt="fotor-batch-result" /></a></div> <br /> 「preppy_1」、「preppy_2」と連番になって、分かりやすくスッキリした!<br /> <br /> ただこの連番、頭に0を付けて「01、02、…」にしたくても「01」とは入力できないようで・・・。「11111」と入力すると「11111、11112、…」になりました。うむぅ。<br /> <br /> リサイズやリネームは他のツールを使ってますが、まだまだそちらのほうが便利だなぁ。<br /> せめてフォルダ単位ではなくファイルのドラッグでできるようになればなぁ。<br /> <br /> <br /> <br /> <br /> <h5>Collage:コラージュ</h5> <br /> <br /> 複数の写真を1枚にできます。<br /> 任意の枠に<span style="color: rgb(51, 51, 153);"><strong>ファイルをドラッグ</strong></span>、回転・縮小も可、背景も選べます。<br /> レイアウトが固定のもの(Templates)と自由に配置できるもの(Freestyle)とがあります。<br /> 「Templates」の最大枚数は9枚。<br />「Freestyle」にはボタンひとつでランダム配置してくれる機能があり、一からコツコツ並べずともそれっぽく土台作りをしてくれます。<br /><br /> <br /> <div style="text-align: center;"><img width="480" height="292" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-collage.jpg" alt="fotor-collage" /></div> <br /> <div style="text-align: center;"><img width="480" height="291" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-collage-freestyle.jpg" alt="fotor-collage-freestyle" /></div> <br /> <br /> 秋バラ散策で撮った写真を並べてみました('∀`*)<br /> <br /> iPhoneアプリにもコラージュできるものいろいろあるけど、やっぱ操作性が全然違う!PCのほうが楽だー!って当たり前か。<br /> <br /> <br /> <br /> <h5>Edit:画像編集</h5> <br /> <br /> <span style="color: rgb(51, 51, 153);"><strong>ファイルをドラッグ</strong></span>でいろ〜〜んな編集ができます。<br /> 画面下部の「Compare」でオリジナルとプレビューを比較することも可能。<br /> 保存の種類は、PCの他、メール、Facebook、Flickr、Twitterに対応。<br /> 保存時にリサイズやフォーマット変換もできます。ただ、<span style="color: rgb(128, 0, 128);"><strong>毎回保存場所を選択しなきゃいけないのが面倒</strong></span>。デフォルトで同じ場所にしといてくれないかなー。以前はササッと保存できたような気がするんだけど。<br /> <br /> 画面右にたくさんの機能が陳列されてます。<br />以下、機能毎のスクショ。<br /> <br /> <br /> <div style="text-align: center;"><img width="480" height="329" border="0" alt="fotor-edit-scene" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-edit-scene.jpg" /><br /> Scenes</div> <br /> <div style="text-align: center;"><img width="180" height="284" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-edit-crop.jpg" alt="fotor-edit-crop" /> <img width="180" height="287" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-edit-adjust.jpg" alt="fotor-edit-adjust" /><br /> Crop Adjust</div> <br /> <div style="text-align: center;"><img width="180" height="324" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-edit-effects.jpg" alt="fotor-edit-effects" />  <img width="180" height="297" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-edit-borders.jpg" alt="fotor-edit-borders" /><br /> Effects Borders</div> <br /> <div style="text-align: center;"><img width="180" height="255" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-edit-tilt-shift.jpg" alt="fotor-edit-tilt-shift" /> <img width="180" height="286" border="0" src="//blog-imgs-59-origin.fc2.com/d/o/r/doremifaiianbai/fotor-edit-text.jpg" alt="fotor-edit-text" /><br /> Tilt-Shift Text</div> <br /> 補足:「Text」にはEXIF情報をくっつけてくれる機能もあります。何月何日の何時に何で撮ったかっていう撮影情報みたいなもの。<br /> <br /> いやーいっぱいあって使いきれないくらいだわ。<br /> だのに、あわよくばモザイクにしたり線で囲んだり矢印付けたりもできるといいなぁなんて思っていますよ。<br /> そして他のツールが要らなくなるくらいもっともっと機能的に洗練されていってほしいなぁ。<br /> <br /> <br /> <br /> <span class="appIcon"><img height="60" alt="" class="appIconImg" src="http://a3.mzstatic.com/us/r30/Purple2/v4/9a/f7/b4/9af7b4cb-30d6-dc43-b02c-29c0c3f6fe04/logo.60x60-50.png" style="float:left;margin: 0px 15px 15px 5px;" /></span><span class="appName"><strong><a href="https://itunes.apple.com/jp/app/fotor-hua-xiang-chu-li-photo/id503039729?mt=12&uo=4&at=11l8nG" target="itunes_store">Fotor画像処理 - Photo Effect, Picture Collage, Filters and Frame</a></strong></span><br /> <span class="appCategory">カテゴリ: 写真, ユーティリティ</span><br /> <span class="badgeS" style="display:inline-block; margin:6px"><a href="https://itunes.apple.com/jp/app/fotor-hua-xiang-chu-li-photo/id503039729?mt=12&uo=4&at=11l8nG" target="itunes_store" style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_macappstore-sm.png) no-repeat;width:81px;height:15px;"></a></span><br /> <br /> <br /> <br /> <br />同じ名前のiPhoneアプリも使ってますが、こちらもなかなか素敵です。<br /> <br /><br /> <span class="appIcon"><img height="60" style="float:left;margin: 0px 15px 15px 5px;" src="http://a108.phobos.apple.com/us/r30/Purple4/v4/9e/0d/a7/9e0da7e6-16e0-f0b5-840a-1f0c8230458f/AppIcon57x57.png" class="appIconImg" alt="" /></span><span class="appName"><strong><a target="itunes_store" href="https://itunes.apple.com/jp/app/fotor-kamerato-hua-xiang-jia/id440159265?mt=8&uo=4&at=11l8nG">Fotor カメラと画像加工 - コラージュ,効果,編集,合成,補正,文字入れとステッカー 重ね</a></strong></span><br /><span class="appCategory">カテゴリ: 写真/ビデオ, ユーティリティ</span><br /><span style="display:inline-block; margin:6px" class="badgeS"><a style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/htmlResources/assets//images/web/linkmaker/badge_appstore-sm.png) no-repeat;width:61px;height:15px;" target="itunes_store" href="https://itunes.apple.com/jp/app/fotor-kamerato-hua-xiang-jia/id440159265?mt=8&uo=4&at=11l8nG"></a></span><br /><br /> <br /> <br /> 以上♪
    Return to Pagetop
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。