はなまるチェック！ – ページ 53

本ブログ更新情報を姉妹ブログに表示する方法

姉妹ブログのレイアウトデザインを時代及び本ブログに準じるようにと施した改修を姉妹ブログの全体幅の拡張として2011年5月1日の本ブログ記事にしました。その際のアフター画面が下の図ですが、ビフォーと題打つのが今回の記事の趣旨に沿うもの。

ホームページ作成浜松Tips：BEFORE

この上の今回のビフォー画面となる改修は、実はブログ画面の拡幅もこれが目的の半分、本ブログの更新情報を姉妹ブログホームページ作成浜松Tips （※）にも表示することだったのです。

機能を実装したアフター図では以下の様にハイライトで抜いた部分に更新情報が表示されるようになります。

ホームページ作成浜松Tips：AFTER

これにてやっと本来の目的のブログ村にて露見した姉妹ブログ間の連携性の悪さが少しは解消されたように思います。

これを実行する方法については姉妹ブログの2011年4月24日の記事他ブログ更新情報の自ブログへの表示として纏めてあります。今回の特徴としては Yahaoo! Pipes を利用するにあたって既に姉妹ブログの更新情報の JSONP化は済ませてあり、そのクローンを作成してフィードURLを書き換えるだけの極く簡便な処理で済んだ点にあります。

姉妹ブログホームページ作成浜松Tips （※）は上級者ブロガー向けの内容を配信する様に位置付けており、多少専門的な内容を含んでいますことはご了承下さい。

※ 現在では ホームページ作成浜松Tips は本ブログ（ Acenumber Technical Issues ）に統一しました。

オンラインマーケティングとHamazoブログに広く使われている言葉

オンラインマーケティングなどではインターネット上に溢れるデータを採取収集して分析する必要があります。特に現在データとして主流を占める文字データの処理は重要になります。

ホームページ作成浜松Tips2010年7月3日記事：Hamazo Top30ブログでよく使われている言葉本ブログの2010年9月16日にあるはまぞうTop30ブログでよく使われている言葉と題すものはHamaZo（はまぞう）ブログの其れもトップ200ブログで 頻繁に使われている言葉 についてデータを抽出した上で考えてみた記事です。その頻度を見てみれば今度は どれくらい広く使われている言葉 なのかが気になります。実はこの意味では冒頭リンク先の前回記事では通販と言う言葉が30ブログの内、6ブログで使用されていることを特徴的として上げています。今回は考察をその方面からの視点に移して見た訳ですね。

このデータに於ける詳細なレポートは姉妹ブログ ホームページ作成浜松Tips の2010年8月29日の記事 Hamazoトップブログに広く使われている言葉に既に記載していますが、此方、本ブログでは専門的な方面は先ずは抜きにして、グラフを見てもらいましょう。 Hamazoトップ200ブログに広く使われている言葉の時系列表

このデータを抽出したのが去年、2010年の汗の滝の様に零れる猛暑の頃、まだ一年を経てはいませんが、そろそろ季節は巡り初夏に近づこうかと言う、少し時期的には前取りしたかの感を抽出キーワードからは受けるのではないでしょうか？去年に特徴的なのは ワールドカップ で、このキーワードが HamaZoのトップ200にランキングされる中でも多くのブログに使用されたことになります。

インターネットには人々の様々な希望や要望、不満や苦情、また世の中の動向が詰まっています。 HamaZo（はまぞう）ブログに限ればそれは静岡県西部のパッケージと考えられますね。それを上手く拾い出して自社業務に活用できれば大きな力になるでしょう。

姉妹ブログの全体幅の拡張

姉妹ブログホームページ作成浜松Tips （※）は2008年春より運営を開始しておりますが、其の時とはブログを閲覧する方の環境も変わって来ました。大きな処ではパソコンの表示画面が大きくなりました。今ではノートPCでもデスクトップ型に負けない解像度どころか、 iPad でさえ 1024px、狭い方でも 768px のサイズを有しており、尚且つこれは 960px相当の表示を標準でします。其処で姉妹ブログも幅を拡張することを始めとして幾つかレイアウトデザインを修正することにしました。それら変更は大凡、本ブログにサイズ、位置等準じるようにしました。

そのビフォー・アフター図を示します。先ずはビフォー図、

ホームページ作成浜松Tips：BEFORE

これを全体幅を50px広げ、その広がった分を全て真ん中のブログ記事部分の表示に割り当てます。このメインとなる改修の変更CSSコードは以下です。

#container{
  width: 900px; // <=850px
}
#content{
  width: 470px; // <=420px
}
.main{
  width: 450px; // <=400px
}

数字を書き換えるだけの至って簡素な変更ですね。

他にもサイドバーからは役に立たないアフィリエイトを一つ削除して、以下はまぞうプラグイン

ブログ内検索
最近の記事
QRコード
RSSリンク

を本ブログに準じる様にしています。タイトル部分も元のHamaZo提供のデザインのテーマの藤の花をフィーチャーする必要もありませんので、タイトルの表示を 30px 程繰り上げました。

その結果が以下のアフター図ですが、如何でしょうか？

ホームページ作成浜松Tips：AFTER

ブログデザインの変更に於いて、幅の変更は単に数字を足し算、引き算するだけの容易な部類に入りますので、少々窮屈だなと感じれば実践してみるのも好いかも知れませんね。

※ 現在では ホームページ作成浜松Tips は本ブログ（ Acenumber Technical Issues ）に統一しました。

お蔵出し其の一．でか過ぎるアマゾン倉庫

これは面白い、と思えども何となく記事にせず仕舞いの下書きに日の目を見させてやろうという企画第一弾、 でか過ぎるアマゾン倉庫 は、姉妹ブログホームページ作成浜松Tips （※）に用意されていたものでした。

ネタ元へと貼ってあったリンクも今は切れ、改めてでか過ぎるアマゾン倉庫で検索してみればページの移転先でか過ぎるアマゾン倉庫として確り存在し、 ビッパーな俺 の一コンテンツでしたね。

１さんの投稿日時を見れば2008年12月16日、二年半前程の情報の様です。それにしてもでかい（笑）画像をクリックすれば拡大画像を見られます、更にでかさを実感出来るかも？

このドッグイヤーのIT業界で二年半前の情報ですから、今は更に大変なことになっているかも知れません。クリック＆モルタルで世に出たアマゾンもそれに留まらず、去年は遂に配送料を無料化して話題をさらい、規模の拡大はこの倉庫の如き、事業ドメインの拡大はグーグルと覇を競うクラウドコンピューティングの如き、底知れぬアマゾンです。

※ 現在では ホームページ作成浜松Tips は本ブログ（ Acenumber Technical Issues ）に統一しました。

2011年4月28日発売のiPad2はiPadとどこが違う？

2011年4月28日発売のiPad2 本ブログでもしばしば記事にし、カテゴリーのひとつにもしている iPad ですが、2011年4月28日に二代目が日本で発売されました。

初代が発売されてからおよそ一年ほど、どんな処が進化したのでしょうか？ここではメモリー容量などと言う細かいスペック的なものではなく、印象としての差異を列挙してみたいと思います。

薄く、軽くなった。
カメラがついた。
黒に加えて白モデルが加わった。
操作の体感速度が早くなりイライラが減った。
スイッチにもなる風呂桶カバーがオプションで用意された。
廉くなった。

初代の発売以来大きな話題を呼び、後追いのタブレットをも多く生み出しましたが、ユーザーの声を良く拾い、本当に必要な部分が取り上げられたこの的確な進化を見ればまだまだトップランナーの座は揺ぎ無い様ですね。

ブログ更新をtwitterに投稿するFriendFeedとtwitbackrの連携

ブログの更新をする度に twitter でも更新したことをフォロワーの皆さんにお伝えしたいと言うのはブロガー皆さんが望まれる様で2010年11月5日に記事にした twitbackrの使い方は本ブログでもアクセス数の多い記事です。ところがそれも少しは貢献してしまったのでしょうか？最近 twitbackr の調子が思わしくありません。ブログを投稿した筈なのに気まぐれに twitter に通知してくれなかったりするのですね。これは非営利で人気の出て来たサービスでは致し方のない処でしょう。そこで同様のサービスで別種のものを探すことにしました。

様々サービスは提供されていますが、此処は定番でもある friendfeed（フレンドフィード）を利用してみることにします。

先ずは何はともあれアカウントを取得しログインします。次に様々なサービスを提供する FriendFeed に twitter に投稿したいブログのフィードを追加します。その為には設定画面から サービス の項目の右に表示される 追加／編集 をクリックして開かれる画面で ブログ作成 項目の Blog をクリックします。すると下の様な画面が開きますので、 twitter と連携したいブログのフィードを此処に入力します。

FriendFeed は多くのサービスを提供していますので、設定はこれだけでは済まないのが少し面倒ですが頑張りましょう。次にすべきことは自分のフィードから Twitter や Facebook などの他サイトにエントリーを投稿するにはどうしたらいいですか? に説明されています。

この設定は Twitter への投稿用の追加オプションで可能で、画面が右になります。必要な項目をチェックしたら 変更を保存 することをお忘れなく（笑）これで設定は終了です。後はブログを更新した際に確りと twitter に投稿されるか確認しましょう。

これでブログを投稿すれば自動的にtwitterにつぶやかれる筈です。ブログ＋twitterライフを思いっ切り楽しんで下さい。
…と、此処迄は良くある情報でして実は…

姉妹ブログホームページ作成浜松Tipsの更新情報表示

昨日2011年4月24日より、姉妹ブログホームページ作成浜松Tips （※）の更新情報を本ブログトップページのコンテンツの最上部に表示するようにしました。そのビフォー・アフター図が下になります。アフター図のハイライトに抜いた部分と本ブログの比較をしていただければ分かり易いのではないでしょうか。

実はダンディ和田さんにブログ村でブログを紹介して貰う折に、もう一つのブログも紹介してくれる空気になったのですが、其の時、連携の悪さが露見してしまいました（笑）。そこでこれを解消しようと思いましたが、ただリンクをはるのでは面白くないので、この際フィード（更新情報）を表示してしまおうと思った訳です。

複数のブログを運営される際、この方法は HamaZoブログ に限ったものではありませんので役立つこともあるかも知れません。貼り付け方が気になる方は姉妹ブログの2011年4月24日の記事他ブログ更新情報の自ブログへの表示として纏めてあります。姉妹ブログホームページ作成浜松Tips （※）は上級者ブロガー向けの内容を配信する様に位置付けており、多少専門的な内容を含んでいますが、腕に覚えのある方は宜しければご参考下さい。

※ 現在では ホームページ作成浜松Tips は本ブログ（ Acenumber Technical Issues ）に統一しました。

NEC Aterm WM3500R ファームウェアアップデート

NEC製 WiMax無線ルータ Aterm WM3500R の電源ボタンが緑の点灯（およそ3秒）にオレンジ（およと0.5秒）の点滅をはさめばそれはファームウェアアップデートのお知らせです。

Aterm Station ＞サポートディスク＞ WM3500R
設定ボタンによるファームウェアバージョンアップ手順

上記リンクに NEC 公式サポートに手順が記されていてとても役に立ちます。これで実際にファームウェアをアップデートしてみてちょっとした気付きを補完として以下に箇条書きにします。

省電力モードの場合、電源ボタンは間欠の点滅なので、常時点灯状態となるファームウェアアップデートは分かり易かった。
但し省電力モードではSETボタンを一旦押して、全てを点灯状態にしないと最初の手順の長押しが適用されないようだ。
つまようじを用いたRESETスイッチを押す時間は微妙な感じなので、後工程の赤点滅かオレンジ点灯かで判断した。
つまようじを用いたRESETスイッチを押す時、カチッと言うクリック感が有った気がする。
アップデート中の印しのオレンジ点灯は長く感じる、実測は6分。
アップデート終了の印しの緑点灯に一旦安心するけど、ここで慌ててはいけない。放っておくこと。
緑点灯は再起動中の印しでもある感じで、通常の起動時と同様の動きをする。但し長く感じる印象がある。
このファームウェアアップデートに拠る設定のリセットはなく、従来通り使えた。
一連の動作は全て無線状態、即ちUSB等での有線による結線の必要なしに完了した。
このアップデートの結果、管理画面から確認出来るファームウェアのバージョンは2.0.0となった。

随分、印象や感覚が先に立った話しですが、何某か参考になれば幸いです。

追記：2011年7月26日
ファームウェアバージョン3.1.0 のアップデート記事を掲載しました。本記事に加え更に新気付き事項を補完追記してあります。 Aterm WM3500R ファームウェアアップデート ver.3.1.0

iPadでGoogleカレンダー

本ブログには Google Apps としてカテゴライズされる Google社がスイートサービスとして提供する内の一つが Googleカレンダー です。とても優れたスケジューラーとして多くの人に重宝がられているサービスでもあります。本ブログ運営者もスケジューラーとしてよりはライフログとして大いに活用しており、 Googleカレンダーの検索機能復活と、2011年4月2日にブログ記事にしたりもしました。

iPadでGoogleカレンダー：モバイル版これだけ使えるサービスとなれば使い慣れ、使い易い環境で使用したくなるのが人情と言うもの、と言うことで iPad でも開く機会の頻繁なサービスでもあります。ところがここに少し問題が有ります。 iPad では期待しているPC版ではなくモバイル版の Googleカレンダーが自動的に開いてしまうのです。それが右の図です。表示画面の限られる iPhone ならばこれで好いのかもしれませんが、ちょっと iPad には相応しくないようです。

そこで iPad でもPC版の画面を開きたくなるのですが、上に記した通り、PC版と同様に URL を入力すると自動的にモバイル版が開いてしまうのでした。

iPadでGoogleカレンダー：PC版この問題には上手い解決法があります。 PC版で使用する URL の後ろに render と言う文字を加えてやるのです。実際のアクセスURLは以下になりますね。 Googleカレンダー iPad でアクセスしてみてもどうでしょう？右図の様にPC版でページが開けたのではないでしょうか？

実はこれ https://www.google.com/calendar にアクセスすれば Googleが勝手にどの機械でアクセスしたが判断して表示するページを変えていたのでした。 Googleは iPadで Googleカレンダーを閲覧するにはモバイル版が適切だと考えているからモバイル版を開こうとします。 iPad でアクセスして尚且つ PC版で閲覧したい場合に、明確にそれを意思表示する手段が https://www.google.com/calendar/render に直接アクセスすること、詰まり render の補完になる訳ですね。

追記のある時「続きを読む」リンクのデザインを目立たせるCSS

本ブログには基本的には追記しませんのでブログ記事に 続きを読む が表示されることはありません。しかし姉妹ブログホームページ作成浜松Tips （※）に於いては屡追記するためこれが表示されます。デザイン的にこのリンクが分かり難いと云う問題点がブログ村で折角ダンディ和田さんに紹介された時に発覚してしまいました（笑）問題のリンクが下の図です。

今回この問題に対応してみました。 HamaZoテンプレートでは特に当該リンク部分のデザイン指定がありませんでした。従って他のリンクと同様に処理され、それも見映えを目立たせなくさせる一因だったのだと思います。デザイン的に新たに指定したCSSは以下になります。

/* 続きを読む */
a.acontinues{
    display:block;
    margin:0.3em 2em 0 auto;
    color:#7D26FF;
    font-weight:bold;
    letter-spacing:0.2em;
    text-decoration:underline;
    text-align:right;
}
span.main-continues a:hover{
    color:#09ae13;
    text-decoration:overline;
}

その結果、以下の様な表示になりました。

記事の続きに関連することを示すために、リンク色は各ブログ記事タイトルの色に合わせました。少しは目立つようになったのではないでしょうか。

※ 現在では ホームページ作成浜松Tips は本ブログ（ Acenumber Technical Issues ）に統一しました。