イラストレーターSenJ4のブログ■女性イラスト・水彩画・キャラクター・建築パース/鳥瞰図・公共工事イラストなどGalleryで850点以上の幅広いタッチを掲載し、イラスト制作を承り中!素材集もOK♪
<< July 2018 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
<< Jobsの存在感 = Apple:Jobs = Mac | main | 先取り好きAppleがSafari 3.1に取り入れたもの 1 >>
スポンサーサイト
2018.05.09 Wednesday 
- 

一定期間更新がないため広告を表示しています

by 言いたい放題のイラストレーター スポンサードリンク | - | -
コラムニストには《 columnist 》
2008.03.17 Monday 
WEB&Blog 
《 コラム作成支援のフリーソフト 》
Mac用のテキストエディタにも数多くのフリーソフトがありますが、ブログ記事(コラム)にはそれを使用して、気の向いた時に書き溜めておいてます。みなさんは何をお使いなのでしょうか?
私はMacに付属の《 テキストエディット 》はどうも使いにくいのでブログ下書には使っていません。

で、今までいろいろ試して、多機能な《 mi 》も いいソフトですが、結局は各単語ごとに色を付けられるLeopard対応の《 iText 3.1.7 》に落ち着いて使ってましたが、一週間ほど前に同じ作者のseknさんのフリーソフトに便利そうなイイ感じのアプリを見つけたので只今試用中です。
私のような画像を多用する長文ブロガーには最適な、コラムのプレビューができる《 columnist 》 という、コラム作成支援フリーソフトです。尚、Ver.2.1からQuickLookに対応してるので中身が読めます。
columnist Ver.2.1
Web公開を目的としたコラム作成ソフト。テキストエディタの感覚で「本格コラム」を仕上げ、ワンクリックでアップロード。挿絵もワンクリックで挿入。まるでメールを扱うような手軽さです。ファイル管理もメーラーのような簡易さです。ホームページの管理/運営も簡単に出来ます。是非お試しください。
※作者のseknさん は他にも「MacNote」「PhotoFinder」「Clover Diary」 などCocoa ベースの多数のMac用ソフトを制作されています。
もともとHTMLのホームページに書き出すためのアプリですが、ブログのプレビュー用にも使えます。
私は「columnist 2.1」のHTMLのアップロード機能は使わないため、HTML書き出しに関しては触れず、
以下、一週間使用してみての感想を交えた、ブログ用に利用する際についての説明を記しておきます。

《 ブログの下書プレビューで有用な主な特長・・・  》

・愛用のブラウザでプレビューが出来る:Safari 3.1なら一瞬で開きます♪
実際のブログでは画像をアップロードしてから記事プレビューでレイアウト確認しなければなりませんが、
この「columnist 2.1」はコラムのデフォルト拡張子が「.txt」ファイルではなく、htmlファイルの
「.column」で保存されてるようになっていて、コラム内に画像を登録して本文にタグ配置すればOK!
click一発で本文と画像がレイアウト通りにブラウザでプレビュー表示出来るのです。素晴らしい♪
いちいちブログのエントリー管理画面で作業して、プレビュー確認するよりも早くて使いやすいんですよ。

・コラムにプレビュー確認用の画像を登録できる:
画像プレビューするために「画像ボタン」をclickして表示する画像を登録しておきます。
画像ファイルをドラッグ&ドロップするだけです。表示時のリサイズも可能です。
コラム本文中に画像を挿入するにはメニューのテキスト>画像を挿入...or「 コマンド+シフト+I」
画像選択画面が表示されるので選択すると、本文中に<%Image="画像ファイル名" align="left">とタグが挿入されます。align= 部分はrightやcenterで置き換えます。尚、画像はプレビュー時にのみ表示されます。



・cssファイルを読み込める:
実際にブログで表示した時にどんな感じになるのか、同じレイアウト確認ができるという点が便利です。
プレビュー用ブラウザはSafariShiiraが推奨です!これらで表示させると一番正確にプレビュー可能。
※cssファイルを使わない場合は、ブラウザの環境設定で設定されたフォント指定やサイズになります。

・よく使う「オリジナル・タグ」を登録出来る:
ブログの管理画面にもありますが、自分が良く使う<...>で囲まれたタグのみを登録し、好きな英数字でのショートカット指定すれば呼び出して使えるので、よく使うリンク先やフォントのカラー指定タグなんかを登録しておけば便利ですよ。尚、<...>で囲まれたタグは本文中に赤い色で示されるので視認性もイイです。
※タグは/user/ライブラリ/Preferences/columnist.plist に保存されてます。

・同コラム内に新規コラムを「タブ」保存し、タイトル一覧表示:
《 mi 》にも実装されてますが、同じコラム内に新規コラムを作ると、タブとして追加され、ウインドウ横にタイトル一覧が見られるので、自分の書いたコラムタイトルをすぐに見つける事が出来ます。
タブは作成日付順に並びますが、タブ順もドラッグで移動出来ます。
また検索項目でコラム内の単語検索をすれば、該当する単語のあるコラムを表示してくれます。
※他にもRSSに書き出せたり、機能はたくさんありますがここではブログ利用に関してのみ紹介します。

《 ブログ用に最初にしなければならない設定・・・》
ブログのプレビュー表示に近づけるために、少し面倒ですが最初に基本的な各設定をしておきます。


■cssファイルを作っておく:
ブログ表示と同じプレビューをさせるために、フォントファミリーの指定やフォントカラー、サイズ、引用(blockquote)...などを指定したブログ表示用のcssファイルを作り、適当な名前で保存します。
そのcssファイルを.../user/ライブラリ/Application Support/columnist のフォルダに入れればOK!

■HTML設定の記述追加:
1:「設定」アイコンメニュー>HTML設定をclickしてデフォルトHTMLのタグを直接編集をします。
まず、HTMLにある2つのtableタグのwideの数値を入力します。デフォルトは外枠と本文枠が共に83%表示になっているので、お使いのブログレイアウトにしたがってピクセル数で指定します。大事なのは上から2番目のtableタグのwide数値で、コラム本文が表示されるこの本文枠の幅をpx指定しておきます。
(実際はブログ上で表示された場合、微妙に位置が狂うので数ピクセルの調整が必要かもしれません)

2:CSSファイルを読み込ませるために、以下の記述をHTML記述の<head>直下に記述しておきます。
<head>
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="○○○.css">

上の○○○の部分は作ったcssファイル名を入れます。----設定はこれくらいです。

■注意点:
※ただし、この設定はコラム内のタブ書類には同一で適用されますが、新規でファイルを開くとデフォルト設定に戻るので、HTML設定を再記述しないと反映されない...のがちょっと惜しいですね。HTMLの記述を表示タイプ事に保存出来て選択出来れば最高なんですが.....ま、同コラム内に新しくコラムを作ってタブ化すれば当分は大丈夫でしょう。確認用にフリーで使わせて頂いてるのですからこれでも十分です。

※また、「リンク」ボタンでリンク設定されたものはハイパーリンクになってるので、コラム本文中にはリンクタグは表示されません!HTMLの書き出し時にはそのままでいいのですが、ブログでは単なる文字列にしかなりません。なので、私の場合は、URL無しのリンクタグを登録しておき、リンク先のURL部分のみを書き込むようにしています。

《 実際にブログにエントリーする場合・・・》
こうして、各設定を終えてコラム本文を書いて行き、タグを使用して体裁を整えた後は、プレビュー確認してOKならブログのエントリーに移ります。タグを含めた文章はそのままコピペで済みます。
・タイトル、本文をエントリー画面へペースト
・イメージ画像をアップロードする

ただ画像を配置するには実際にブログへアップロードしてから、編集画面で差し替えなければなりません。
画像のタグ部分<%Image="画像ファイル名" align="left">をアップロードした画像に差し替えます。
これで終了。プレビューすると「columnist 2.1」でプレビュー確認した時とほぼ同様にレイアウトされていると思います。
前々回のエントリーからこれを使っているのですが、今のところ快適です。(^-^) お試し下さい。
by 言いたい放題のイラストレーター SenJ4 | comments(0) | -
スポンサーサイト
2018.05.09 Wednesday 
- 
by 言いたい放題のイラストレーター スポンサードリンク | - | -
コメント
お気軽にコメントをどうぞ♪(尚、リンクの記述は弾かれます)





 


W E L C O M E !
《 イラストレーターSenJ4のブログ 》

I'm Mac User♪

 follow us in feedly
  広告・出版業界で活動中の札幌在住
Macを愛するプロ・イラストレーター
元々は広告業界のG・デザイナー上がり

本家イラストGalleryでは、女性イラスト
水彩画・キャラクター・イラストマップ
建築系など広告使用された作品を公開中
▼Galleryはコチラ


《 SenJ4オリジナル 2 SHOP♪ 》

iPhone/iPodケース・トレーナー
 マグカップなどのアイテム専門♪
グッズShop

▼オリジナルTシャツ専門♪
TシャツShop



▼お世話になってます!
Macブログ大集合!




WeatherEye

プライバシーポリシーについて
New Entry
SEN CHARA
《 SenJ4オリジナルグッズBlog 》


ニャンコTシャツ
★漫画家・野間美由紀さんオーダー



《 愛まっくんシリーズ 》Tシャツ
★5カラーのバリエで好評発売中♪

▼マクプー_MP01(MEN'S)


▼マクプー_MP02(MEN'S)


▼愛まっくんPeople


▼愛まっくんPeople_W

SenJ4's Works♪


▲札幌すすきのでやたら目に付く看板! 有名な飲食店ビル『桂和ビル』と専用駐車場で使用されています。是非!

遠い叫び
遠い叫び
■SenJ4がカバーイラストを担当した
記念的な探偵推理小説の単行本。

▼Mac OS専用の2ゲームパッケージ
エアブラシで描いた記念的作品!
ビリヤード
ビリヤード

麻雀
麻雀

SenJ4's Recommend


ロリポップ!
▲《 ライトプラン 》月額250〜が
容量50GBにパワーアップ♪
しかもお値段変わらず!安すぎっ!
SenJ4もロリポユーザー♪

スタンダードプランはこちら
120GB大容量で月額500円〜
マルチドメイン、SSSL・SSH対応
WordPress設置も超カンタン!


ムームードメイン
▲こんなに安い独自ドメイン他に無し
アート系なら.comがオススメ!
ロリポ系列レンサバで使いましょ♪


heteml
▲クリエイター驚嘆256GB容量!
動画のストリーミング配信も可能!


マイフィギュア
▲コレはリアルなフィギュアです!
お祝いや記念日にミニチュア人形♪


▲軽く月129円のライトプラン
ちょいとプレミアムな200GB!
なんとSSD360GB専有まで6プラン
さくらブログも50個まで!


Color Me Shop! pro
▲イラスト作品やポストカードを
オシャレなカートで販売してみよう!

For Creators♪

SenJ4が暴露する業界の話!
▼ illustratorになりたい人へのコラム

illustratorのためのコラム

Recommend♪


MyBook
▲イラスト作品集や写真集を作ろう!
スライドショーの公開も出来ちゃう♪

Recommend Books♪
Appleサポートページ

Category
Comment,Thanks!
  • iOS 7の壁紙を創るのが更に楽しくなる・・・!?
    カリー (11/27)
  • iOS 7の壁紙を創るのが更に楽しくなる・・・!?
    senJ4@管理人 (11/25)
  • iOS 7の壁紙を創るのが更に楽しくなる・・・!?
    カリー (11/25)
  • au iPhone5sのテザリング無料キャンペーンでの勘違い・・・
    カリー (11/25)
  • スケッチをデジタル化する《 iSketchnote 》が面白いかもしれない!
    SenJ4@管理人 (06/02)
  • スケッチをデジタル化する《 iSketchnote 》が面白いかもしれない!
    とめ (06/01)
  • LINEスタンプ・クリエイターの報酬に魅力はある・・・?
    u1 (04/09)
  • iOS 7の壁紙を創るのが更に楽しくなる・・・!?
    SenJ4@管理人 (03/12)
  • iOS 7の壁紙を創るのが更に楽しくなる・・・!?
    トッポギ (03/11)
  • LINEスタンプ・クリエイターの報酬に魅力はある・・・?
    SenJ4@管理人 (03/02)
Useful Links
Past Voice
Powered
ブログ内 検索!
About Me...
Mac my using it now!




▼リンク用バナー・ご自由に♪


▼ニャンわんの里親です♪
猫とMダックスのブログ
Only Master





■当ブログのオリジナルイラストの
無断転載・引用・使用を禁じます。
全ての著作権はSenJ4に帰属します
(C) illustclub All Right Reserved.


★Come back to Sapporo!

Mac、Macロゴは、米国およびその他の国で登録されているApple Computer, Inc.の商標です。Made on a MacバッジはApple Computer Inc.の商標であり、同社の許可により使用しています。

PAGETOP