Acenumber Technical Issues – ページ 71

Facebook Comments機能の表示の日本語化

本ブログは2011年3月8日の記事 Facebook Comments機能のブログへの設置方法に於いて解説した設置法で本ブログに実装し 2011年3月24日の記事 Facebook Comments機能部分のデザイン修正法で少々見映えを弄った Facebook Comments機能 ですが、よく見れば流石アメリカ産まれのWebサービスだけあって、当該表示部分は下の図の BEFORE の様に英語になっています。郷に入れば郷に従えと言います。此処は日本にて、今回これを図の下の AFTER の様に直してみました。図ではモザイクが掛かっていますが、英語表記されていた投稿者名も確り漢字表記に直っています。

この修正はとても簡単です。 24日の記事 Facebook Comments機能部分のデザイン修正法で紹介した HTML 部分をほんの五文字ほど修正するだけです。 facebook から提供され上記の記事に於いて紹介した付加コードは

<div id="fbcom">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js
#appId=APP_ID&xfbml=1">
</script>
<fb:comments href="rank.hamazo.tv（※）/e<%EntryId%>.html"
num_posts="3" width="450">
</fb:comments>
</div>

でしたが、この赤字で表示した en_US を ja_JP に変更します。従って以下の緑字を含む様なものになりますね。

<div id="fbcom">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/ja_JP/all.js
#appId=APP_ID&xfbml=1">
</script>
<fb:comments href="rank.hamazo.tv（※）/e<%EntryId%>.html"
num_posts="3" width="450">
</fb:comments>
</div>

細かい箇所ですけれど、こんな処が見る方にとっては案外使い易くなるポイントなのだと思います。

※ 現在では HamaZoランクチェック！Blog は本ブログ（ Acenumber Technical Issues ）に統一しました。

jQuery.ajaxメソッドでTwitterのつぶやきを取得する方法

日経ソフトウェア2011年5月号に短期集中連載 JavaScriptステップアップ講座 の最終回として jQuery の ajaxメソッド を用いて twitter からつぶやきを取得する記事が載っていました。

twitter は最早インフラとして認知され始めていますし、 jQuery も興味を大いに抱いていますので、早速掲載スクリプトを少し変えて、本ブログにも実装してみました。

東日本大震災と原子力発電とインフォームドコンセント

本記事に紹介するに対するファースト・オピニオンの主体は政府、原子力保安院、東電、延いてはマスコミ迄含むことになると思います。即ちこれらの提出情報に対するセカンド・オピニオンに成り得ると 2011年4月5日現時点で本ブログ運営者の管見にて情報をまとめたものが本記事になります。

一つ目には、大前研一氏に拠るものです。文章に拠るものが以下、二つ、

動画が、以下二つ、

東日本巨大地震福島原発半径20km以内の住民に避難指示(3月13日収録)
地震発生から１週間　福島原発事故の現状と今後（大前研一ライブ579）

二つ目は、タイトルこそ田原総一朗×孫正義対談～東日本大震災について～と、なっていますが、孫正義氏、田原総一郎氏と、原発専門家である二方、後藤氏、田中氏に拠る会談動画です。

最後、三つ目は伝説のプログラマーでもあり、ブログ Life is Beautiful を運営する有名ブロガーでもある中島聡氏に拠る脱原子力宣言です。この情報は facebook 上にて提示されていますがアカウントがなくても閲覧可能です。但し、コメントをするにはアカウントが必要になって来ます。

此処に掲載した情報は孰れもファーストオピニオンに提示されているものとは異なる主張のなされ、複数の視点からの自己の意見の醸成に役立つものと思います。国民の決意たるインフォームドコンセントは、これら別アングルから見た情報をも玩味、咀嚼した上で願わくばなされて欲しいと思っています。

ブログ記事の中のWebカメラで自分撮り

様々な機能をWeb上、延いてはブログ上で提供してくれる jQuery ですが、 FLASH と連携してWebカメラを制御するプラグインが登場しました。 jQuery webcam plugin 上記リンク先で詳細の説明され、必要ファイルをダウンロードすることが出来ます。

ダウンロードしたスクリプトを読み込んだら、以下の様なスクリプトを記述してやるだけでブログ上で機能します、たったこれだけ。

$("#camera").webcam({
   width: 320,
   height: 240,
   mode: "callback",
   swffile: "/download/jscam_canvas_only.swf"
});

論より証拠、この記事内に「許可」を求めるフラッシュのダイアログを内包した画面が表示されていると思いますので、先ずは許可してみて下さい。繋がれたWebカメラの画像が見事に表示されると思います。近年ネットブックでもモバイル型のPCにはWebカメラが標準装備されていますので、その様な機種であれば試しやすいのではないかと思います。

Excel2007のファイルxlsxを2003xls形式で開く方法

最近はマイクロソフト表計算ソフト、エクセルでバージョン2007では以前のバージョン2003の形式で保存出来るにも関わらず、 2007の形式のまま相手の都合も考えず送りつける方が増えてきましたね、まだまだ2003も現役だと思うのですが（笑）。その際、なかなか相手の方にお願いしてバージョンを落とした形式で送り直して貰うのも面倒臭い話しです。ではエクセル2003では2007の形式のファイルの閲覧は出来ないのでしょうか？どうやらそんなことのないようにエクセルの提供元、マイクロソフトではこの時の為の配慮をしている様です。

インターネットの欠かせない世になってみればこのファイル形式問題は古いアーキテクチャ（設計思想）のまま稼動し続けるマイクロソフトの姿勢に帰結する訳で固より必須の配慮だとも本ブログ運営者は考えるのですが如何でしょうか？

～閑話休題～
Excel2007のファイルxlsx さてその方法ですが、至って簡単、下のリンク先から FileFormatConverters.exe なるファイルをダウンロード、ダブルクリックしてインストールするだけです。インストールが上手く実施出来た後にはそれ迄開くことの適わなかった Excel 2007 xlsx ファイルも確り Excel 2003 で閲覧可能となっている筈です。

Word/Excel/PowerPoint用Microsoft Office互換機能パック

但しダウンロード頁には以下の様な 注意事項 が記述されています。

Microsoft Office XP および Microsoft Office 2003 の Word、Excel、または PowerPoint をご使用の場合は、互換機能パックをダウンロードする前に、必ず Microsoft Update で優先度の高い更新プログラムをすべてインストールしてください。

環境として確認できた処では、 Windows 7 及び Windows XP があり、この内前者は丁度 Service Pack 1 の更新時期と重なり、この更新を実施しないと注意事項の指摘通り、上記パックのインストールが上手く運ばないことが確認出来ました。

上記紹介リンク先ページのタイトルから鑑みて、エクセルだけに留まらず、ワード、パワーポイントに於いてもこの互換機能パックは有効の様ですね。懐と現状で充分な機能を思えば度々のバージョンアップはそうそう嬉しいものではない筈、パッケージソフトの重なるバージョンアップにお嘆きの貴兄はどうぞお試し下さい。

Googleカレンダーの検索機能復活

Google Apps の一機能としても提供される Googleカレンダー はスケジューラーとして大変重宝出来るサービスですが、日本語での使用に於いては検長らく索機能に検索結果が全く的外れになると言う不備が有りました。

実はこの不備を補完する Tips が、 Googleを常用する連中の間では共有されていました。それは 検索キーワードをスペースで区切って重複して入力する と言うものです。確かに複合語も一つ目の単語をこれに従い入力すれば問題なく望む検索結果は得られましたが、矢張り一手間増えて面倒臭いことに変わり無く、本ブログ運営者も常用者としては往生していました。この状態が2009年から2010年、一～二年程は続いていた様に思います。

ところがこの2011年3月あたり、勢い余って検索キーワードを重複せず入力しても検索結果に誤りがないことに気付いたのです。どうやら一箇月ほど経ても以前の問題は再現されませんから、根本的に解決と相成った様です。

矢張り元の状態は便利に感じます。固より検索エンジンが主力の Google社ですから今回の対処は遅きに失した感も無きにしに在らず、とは言え対応されないことは無いことも確かではあったので、 Googleカレンダーを知己に薦めるにあたり、変に Tips を付随する必要もなくなった状況に一安心しているのでした。

Googleマップをブログに貼り付けた時、吹き出しを消すには？

本ブログでも

で利用している様に、何某か実在する店舗やイベント会場の案内をする場合に地図の表示は必須ですね。 HamaZoブログでは勿論便利な地図表示機能が簡単に利用出来ますが、この機能も本来は Googleマップ を利用したもの、となればご本尊の Googleマップ を直接ブログに表示してみたくなるのが人情ってもの（笑）です。

Googleマップをブログに貼り付ける為のリンクボタン実は Googleマップ はブログに簡単に埋め込むことが出来るように便利な機能が用意されています。案内したい場所を検索、表示した後、右の図の様に地図の右上に表示されている リンク をクリックしてみましょう。クリックして開かれるメニューの2段目には HTML を貼り付けてサイトに地図を埋め込みます とブログへ埋め込むためのコードが用意されています。更にその右下を見れば 埋め込み地図のカスタマイズとプレビュー としてサイズなどを好みに合わせることが出来ますね。其処で実際に 浜松城 で検索してみた結果を、横400px、縦300pxで表示してみます。

大きな地図で見る

表示の結果が上になりますが、ちょっと気になる部分があるようです。 Googleマップ として画面いっぱいに広げて見られる時には便利な 吹き出し ですが、小さなブログ記事の其の又中に表示するにははみ出てしまって巧くありません。

実はこの吹き出しを消す方法が有って、それこそこのブログ記事の本題なんです。ちょっと面倒臭いですけれど、貼り付ける様に提供されたコードを見てみて下さい。中に iwloc=A と言う記述が見付かると思います。これを iwloc=B と（CでもDでもA以外であれば良い様ですが）書き換えましょう。書き換えたら表示してみて下さい。吹き出しは見事に消えているのではないでしょうか？このブログ記事冒頭に紹介した本ブログの三記事で利用している地図でもこの方法で吹き出しを消しています。

此処では単に Googleマップ をブログ記事内に表示してみた上で、カスタマイズとは言えない迄も少し表示上の形を好みに合う様に変えてみましたが、勿論、更に様々な利用法が可能になります。 HamaZoブログ入門者から初心者を脱したと感じ始めている方は是非挑戦されてみては如何でしょう？

ブログ記事タイトルを変化させられるプラグイン

有名ブロガー yamada さんの運営する『 ＩＴquality 』2011年3月5日の jQueryでテキストサイズのスライドバーを作成するチュートリアル記事に興味が沸いたので早速紹介サイト How to Control Text Properties using jQuery and UI Slider 及び LIVE DEMO を拝見の上、サンプルを拝借し、本ブログにも実装してみました。

Facebook Comments機能部分のデザイン修正法

本ブログは2011年3月08日の記事 Facebook Comments機能のブログへの設置方法に於いて解説した設置法で本ブログに実装した Facebook Comments機能 ですが、どうもデザイン的に見映えが上手くありません。 3カラムで構成されている本ブログの基本レイアウトの、真ん中部分に繰り返し当該機能は表示される訳ですが、上記の図に示されるように此処に表示するご本尊たるブログ記事とは左にずれて表示されてしまっている処がちょっと気に入らないのです。そこでこれを直してみたいと思います。

この手の修正は HTML と CSS と言うHamaZoブログでは テンプレート > カスタマイズ に用意される設計図を修正しなければなりませんので、多少初心者ブロガーには敷居が高くなります。

先ずは HTML を修正します。上記の記事に於いて設置した facebook から提供される付加コードは

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js
#appId=APP_ID&xfbml=1">
</script>
<fb:comments href="rank.hamazo.tv（※）/e<%EntryId%>.html"
num_posts="3" width="450">
</fb:comments>

でしたが、この id="fb-root" に対して操作しても反映はされないようです。そこでこの付加コード全体をラッピングしてしまいます。

ラップした div タグ（上では赤字）の id、fbcom に対して CSS を適用すれば好い訳ですね。

さて、上記に HTML を設定した上で CSS に書き加えたものが以下です。

div#fbcom{
  margin-left:10px;
  padding-left:15px;
  background-color:#f2f2f2;
  width:465px;
  overflow:hidden;
}

この設定が適用された表示は以下になりました。

まずまず、ずれは修正されたのでこれで好しとします。加えて facebook Commnts機能部分には背景色を facebook から提供されるモジュールに合わせましたので、コメントが無い場合に感じられる無駄な余白感も軽減された様に思います。

HamaZoブログではテンプレート要素として

トップページ
個別ページ
アーカイブページ

の三種類が用意されていますが、それぞれに僅かづつ異なる位置に facebook Commnts機能を配置した為、今回の設定ではそれらが其の儘ずれとなってしまっています。それは今後の課題として、気の向いたときに修正・報告したいと思います。

※ 現在では HamaZoランクチェック！Blog は本ブログ（ Acenumber Technical Issues ）に統一しました。

ホリエモン氏のブログマネタイズとGoogle Apps評

ホリエモン氏のブログマネタイズのイメージ最近はすっかりブログがメルマガの告知場と化している ホリエモン 氏ですが、メールマガジンの売り上げが年間一億円となれば無理もありませんね（笑）。メルマガの告知が目立ちますが、氏のブログ活用はそれに留まらないものと感じます。氏ほどブログのアクセスがあればメディアとしての価値を持ちますから、当然記事内で取り上げて貰いたいと言う人も出て来ます。自分が株主であればテレビ局の番宣の様な利用法もある訳ですね。アルファブロガーが書評を記事としてブログから amazon へリンクをはりアフィリエイトとして利用するのもその一部と言えるでしょう。

これは飽くまでも推測に過ぎませんが、 2011年3月20日の氏の記事明日3/12発行のメルマガ第61号はにもそんな印象を受けます。冒頭部は彼の大震災について、またその直ぐ後に記事タイトル通りのメルマガ告知、簡単な書籍紹介と続きます。

その後に本ブログでもカテゴライズしていてとても興味を持たされる内容が続きます。 Google Apps 基本編第6弾　導入・活用 として項目付けされ既にシリーズ化して6回を数えることが分かります。本ブログでのカテゴリーを設けるに Google Apps とする、その特徴部分への言及を下に引用すれば

Google Appsは、Gmailと同様、Googleが提供している現状のクラウドベースのツールの代表格ですが、その特徴の一つは、中小・個人企業にとって特に使い勝手が良い、という点があるのではないかと思います。

と、中小・個人事業を営まれる方には食指を動かされる旨が述べられ、続いてメリット、デメリットを述べた上で活用するべきと結論付けられています。（宣伝であれば当たり前なんですが、笑）

毀誉褒貶もなかなかにバラエティー豊かであり、本記事は宣伝とも考えられますけれど、この部分の氏の主張に関しては大いに首肯せざるを得ません。ことビジネスに関しては目端の利く氏の肩入れするものですし、近年、士業の中でも特に変化の大きい業務分野でもあることですので、本ブログでも推移を注目したいと思っています。