Excel の表をブログで利用する最もカンタン確実な方法

当ブログはプライベート日記という事で、記事内容が写真とテキスト(文章)主体であるが、時には表組みを使いたい事もある。
このような場合は、ブログ用エディタ画面で"テーブル"を挿入するか、自分でHTMLタグを書き込むのだが、よほど簡易な表ならともかく、少しでも込み入った表にしようとするとあまりにも面倒くさくてやってられない。つまりやらないと諦めていた。( ;´・ω・`)
何がそんなに面倒くさいかというと、ブログを書いている側の人には説明不要。単に「Excel の表をコピー」とはいかない。
前述のような手段では、下図のような表はまず作れないのだ。Excel で作成するとしたら、まるで大して複雑な表ではないのだが、それでも「カラーリング・セル連結・セル内文字配置・フォント指定」等々と加工している。この他数値のカンマ区切りなども必要。
セミプロ級に慣れているのならスタイルシートを作成し、HTMLタグをコツコツと書き込んでいけばどんな装飾も可能ではあるが、個人的ブログ程度の用途では費やすコスト(時間と手間)にまったく見合わない。( ;´・ω・`)

FC2ブログ
連番 氏名 氏名(カタカナ) 性別 電話番号 生年月日 年齢 メールアドレス
1 大滝 伊織 オオタキ イオリ 0994790837 1986/05/26 32 mwspodijuqiori7321@jduoas.mn
2 鳥居 遥 トリイ ハルカ 0233082709 1996/09/05 22 Haruka_Torii@murp.kv
3 喜多 花凛 キタ カリン 0996360372 1995/12/18 23 karinkita@ccrkhcpuat.fvt
4 池本 理津子 イケモト リツコ 0742250734 1982/07/27 36 oikemoto@qgwje.tv
5 仲田 菜那 ナカダ ナナ 0988084857 1976/10/19 42 ymjcfunana030@knmiapx.ap
6 大内 心 オウウチ ココロ 0295294499 1995/08/22 23 kokoro5638@xdyl.ndkj.ct
7 河田 豊樹 カワダ トヨキ 0952639230 1977/01/22 42 toyoki23241@sjzwfh.xvg
8 難波 雅也 ナンバ マサヤ 0451549222 1965/10/31 53 ztugifmasaya15122@bsvmlxjb.fd
9 山脇 心菜 ヤマワキ ココナ 0782369934 1977/02/09 42 bdmhiokdshkokona861@byjcvum.vml
10 梅田 正文 ウメダ マサフミ 0993571572 1966/07/19 52 nyjjpjfwzrcbumasafumi76107@uwxxkvnhe.ur

そんなわけで、Excel の表をそのまま使えれば良いではないかというのは誰でも思いつくのだが、それがカンタンに出来るのなら自分に限らずあちこちのブログでとっくにやっているはずだろう。(;`ー´)
とはいえ、いつまでもめげてはいられない。この程度の課題はいつかはやらねばと、ようやく重い腰を上げて取り組んでみた。
Excel の表をブログで利用する安直な方法としては、画面の必要部分をハードコピーしてイメージファイルとして保存するしかないと思っていたのだが、そんな事はなくて、ひと手間いや 5手間くらいかければ実現する事が分かった。その 5手間とは・・・

2019-02-20_ExcelTable[1] Excel には Web 連携の便利機能がいくつか用意されているので、そのひとつを利用する。まずは必要なセルを選択。
※サンプルは Excel 2010 であり、他のバージョンではこの後のメニュー構成が少し異なるかもしれない

2019-02-20_ExcelTable_2.jpg [ファイル]メニューから、[保存と送信]-[他のファイル形式として保存]-[名前を付けて保存]とする。

2019-02-20_ExcelTable_3.jpg [ファイルの種類 = "Webペーシ"]-"選択範囲"オプションを指定して任意のファイル名を入力し[保存]をクリック。
生成された html ファイルを"メモ帳"などのテキストエディタや"Word"など文章作成ソフトで開いて、読み込んだタグをすべてコピーし、そのままブログエディタの記事作成エリアにペーストすれば完了。

2019-02-20_ExcelTable_4.jpg
ただし、そのままでは貼り付けたタグ部分がすべて改行され、記事の先頭行から長い長い空白が出来てしまうので、ブログエディタの[詳細設定]-"改行の扱い=HTMLタグのみ"とするのを忘れないように。慣れれば一連の手順は30秒もかからないだろう。( ゚∀゚)
記事本文は、貼り付けたタグ部分の外側の上や下に書き込めば良い。 ただし、このオプションを指定すると、記事本文中の改行も無視されてしまうので、表組み以外の文章では、必要に応じて行頭や行末に改行のための <br> タグを書く必要がある。
もちろん、今回の記事も本文には改行タグを多数書き込んでいるが、テーブル(表組み)の事を思えばまったく苦にならないし、下表のように金額や日付書式を多用する内容であれば、更に有用度が倍増する。

メーカー 品名 開始価格 出品日 落札日 入札数 落札価格 決済日 発送 受取
Acer KA240H bmidx 3,000 1月20日 1月25日 15 5,000 1月25日 1月26日 1月27日
3,000 1月20日 1月25日 1 5,000 1月26日 1月27日 1月28日
3,000 1月20日 1月27日 1 5,000 1月27日 1月27日 1月28日
3,000 1月28日 1月29日 16 5,500 1月29日 1月30日 1月31日
3,000 1月28日 1月29日 16 5,500 1月29日 1月30日 2月1日
3,000 1月30日 1月31日 2 5,500 2月1日 2月1日 2月3日
3,000 1月30日 1月31日 2 5,500
3,000 2月1日 2月1日 3 6,000 2月2日 2月2日 2月3日
3,000 2月1日 2月2日 4 6,000     2月3日
KA270H 7,000 1月20日 1月25日 7 9,209 1月28日 1月30日 2月18日
5,000 1月26日 1月31日 8 9,000 1月31日 2月1日 2月2日
5,000 2月1日 2月2日 3 9,000 2月2日 2月3日 2月5日
7,000 1月28日 1月29日 1 7,000 1月31日 1月30日 1月31日

注意点としては、罫線を実線で引く事と、すべてのセルの背景を着色する事くらいかな。
これまで何度か Excel の表をブログ記事で利用する方法を検索してはいたのだが、やたらと無意味な説明がだらだら続いたあげくに、手間がかかる割に表の書式を忠実に再現出来ないやり方ばかりで、納得できる記事は見つけられなかった。
これでいつでも凝った表を使えるようになったのだが、やっぱりこのブログではあまり使い途がないかな・・・( ´ー`)

ブログ記事で画像のリンクをさせない方法

この記事はブログの閲覧者の方ではなく、作成者のためのものです。

Webブラウザの基本機能として、マウスポインターは通常は FC2EDITOR4.png だが、リンク設定された写真などでは FC2EDITOR5.png に変わる。
アイコンが指先に変わった時にクリックすると大きいサイズの写真等が表示されるという、おなじみの機能である。
FC2ブログでは、写真をアップロードして記事内に挿入すると必ず元画像へのリンクが同時に生成されるため、通常は何もしなくても良い。
しかし、本ブログのように写真サイズが大きめで、リンクをクリックして拡大という動作をさせたくない場合は工夫が必要となる。
なぜなら、指先アイコンをクリックしても同サイズの写真しか表示されないというムダで不親切な動作結果を排除したいからである。
記事への画像挿入時に"リンクを作成しない"というオプションがあれば良いのだが、未だに用意されないので仕方がない。

FC2ブログのサムネイル画像があまりに汚いため、表示品質を確保したい場合は、本文用と拡大表示用の二種類の写真をアップロードするようにしているのだが、あまりに面倒くさい。何しろ拡大サイズが必要となるような写真は最近はほとんどないという事情もある。(;`ー´)
つまり、マウスポインターを写真の上に移動しても矢印ポインターのままであり、クリックしても何も起こらないようにしたい。
それには、写真を記事に挿入して自動付加されるリンク情報を削除してしまえば良いのである。これでアイコンが変化しなくなるし写真の上でクリックしても何も起こらない。本ブログではほとんどの記事でこうなっている事に気づいた人も多いだろう。え ? 誰も気づいてなかった ? (;`ー´)

2018-07-08_FC2EDITOR.png
これはFC2の記事エディターで画像を挿入したところ。
最初のうちは便利に感じるFC2の記事エディターだが、慣れてくると非常に使いにくくて仕方がなくなってくる。何といっても表示されるフォントが小さすぎてもサイズ変更する事も出来ず、それだけでもイライラする。もちろんフォントそのものも変更出来ない。

さて、ここで必要な処理としては、写真のリンク情報を削除するために <a href= から、次の <img の直前までの部分を削除してやれば良い。
ただし、写真数が多くなると加速度的にストレスがたまって来る。限られたエディターのエリアの小さなフォントにイライラしつつ、根気良く慎重にマウスを操作しつつ該当部分を削除するという単純作業を強いられるためである。(;´Д`)
画像アップロード画面でリンクを付加しないというオプション機能がないため当初は記事の公開前に延々とこのイヤな作業を行っていた。
「何でそんな面倒な事を ?」なのだが、大げさにいうと自分の"美学"なのだから仕方がない。(`・ω・´)

そんなわけで、ストレス解消のため本ブログでは数年前から記事を別のテキストエディターソフトで書いている。
文章作成と編集のためのテキストエディタとしては優れたフリーソフトが多数公開されていて、自分が愛用しているのは"Mery"。
多くのテキストエディタにはベンリなマクロ機能が装備されている。これをうまく利用すれば自動化が実現するわけ。

2018-07-16_FC2EDITOR2.png
要領としては、FC2のエディタの画像挿入機能を利用して、画像処理部分だけを先に生成してしまい、そのままカットアンドペーストで"Mery"へ移動し、保存してあるマクロ(簡単なプログラム)定義ファイルを実行するだけ。

2018-07-16_FC2EDITOR3.png
見事、F4キーのひと押しだけで一瞬にして記事内容が注文通りに不要部分を削除して自動編集された。( ゚∀゚)

マクロ定義ファイルを作成するには、キーボード操作を記録できるキーボードマクロ機能を利用するのが手っ取り早い。
というより、ゼロから作成するには、それなりのプログラミング知識がないとムリなのだ。
※この"Mery"の場合は"JavaScript"というプログラミング言語が元になっている

実際の操作としては、次のような単純作業の繰り返しとなる。

  1. <target= "_blank"> 部分を先頭から検索
  2. 検索された行の先頭頭までを選択状態にする
  3. 選択した部分を削除
  4. <target= "_blank"> 部分が存在する間は最初から繰り返す

1. から 3. まではキーボードマクロ機能で作成出来るので、4.の繰りかえし部分のみ追加する

改良したプログラムコード。もちろん意味を理解しようとする必要はないし、"JavaScript"でマクロが動作するエディタであればこのままコピペしてもらってもたぶん動作すると思います。うまく行かなかったらごめん。( ´ー`)


document.selection.StartOfDocument(); // 文書の先頭にカーソルを置く
var 検索語=&quot;target=\&quot;_blank\&quot;&gt;&quot;; // 検索語を変数にセット
for(N=0;N&lt;100;N++){ // 以下は同じことを100回繰り返す
if(!document.selection.Find(検索語, meFindNext)) {break;} // 検索に失敗すると処理を中断
else{
document.selection.GetBottomPointX(mePosView); // 検索語を選択してその最後にカーソルをセット
document.selection.StartOfLine(true); // そのまま行頭まで選択状態にする
document.selection.Delete(1); // 削除を実行
}
}

アクセス数389 ! 突然の新記録 (。゚ω゚)

2018-05-02_20180502counter.png
4月27日にアクセスカウンターが突然 389 を記録していた。
これまで一度も300に届いたことがなかっので、オドロキである。(。゚ω゚)
過去最高は、常時200~250程度で推移していた 1年ほど前の298だった。ひょっとして300行くのかなと固唾をのんで見守っていたらあれよあれよという間に220くらいの戻ってしまったという淡い思い出があるのだ。

今回の理由は分かっている。詐欺メールと詐欺広告について書いた記事の反響である。
いや、他に理由を思いつかないもので・・・
やっぱりタイムリーでスキャンダラスなタイトルにすると関心を集めるわけか・・・別に多いほどうれしいわけではないが気分が悪いわけでもない。(;`ー´)

この時点で"サブジャンルランキング"は 2位
この後、同ランキングでトップ3をキープするようになったが、そろそろ落ちていくはず。
近頃は平均して5~6位近辺をキープしているので。

ちなみに、翌日の落ち込みからしてこの時の新規訪問者は直帰率ほぼ100%なのだろう。
しかし、それでいいのだ。( ´ー`)



アクセスカウント 430,000 !

カウント 日付
----------------------
10,000 2010.02.01
15,000 2010.08.19
30,000 2011.12.13
40,000 2012.06.06
50,000 2012.10.26
60,000 2013.01.20
70,000 2013.03.25
80,000 2013.05.22
90,000 2013.07.06
100,000 2013.08.19
110,000 2013.10.05
120,000 2013.11.21
130,000 2014.01.11
140,000 2014.02.24
150,000 2014.04.08
200,000 2014.11.30
250,000 2015.08.08
300,000 2016.04.16
350,000 2016.12.24
430,000 2018.04.08

----------------------

5万カウント毎にやろうと決めていたがすっかり忘れていて、何と昨年は一度もカウント数発表をしていなかったのだった。(*´~`*)
次回はいよいよ 50万 記念、それはさすがに忘れないと思う。今のペースなら2020年かな。( ´ー`)

ブログランキング最高位更新 ( ;´・ω・`)

180326RankNo2.jpg
180326RankNo2-2.jpg

180326RankNo2-1.jpg
本日ふとランキングをチェックして目が点になった。((´゙゚'ω゚'))

何でこうなったのか良く分からないが、いつの間にか"サブジャンル"の第二位になっていたのだ。((´゙゚'ω゚'))
ブログカウンターが数日前に久々の200オーバーとなった後、株式相場のような急降下で 120前後に戻ってしまっていたので、こんな結果はありえないはずなのだが・・・
最高記録更新とはいえ、そんな価値ある記事を量産したわけでもないので、特に気分が良いわけではない。
あとは急降下するはずで、もう二度とないと思われるので一応記念としてネタにしておきます。( ´ー`)

| NEXT≫