BLOG みちしるべ


News Feed をバージョンアップしました

| コメント(0) | トラックバック(0) | AC.0 |  

長らく更新をしていませんでしたが、再び更新を始めたいお思います。
BLOGの更新をさぼっている間に、いくつかの実験をしていました。


その結果が 「News Feed のバージョンアップ」 になります。


ソーシャルブックマークのdeliciousを利用し、ブックマークしたNewsをブログにアップするというものです。

方法は後日紹介します。lightbulb


エントリーの表示が少々見づらいので、今後スタイルシートで補正しようと思いますが、先走ってTOPページのデザインをリニューアルしてみました。

(またかい!smile_shades)





画像をフラッシュのように切り替える JQuery

| コメント(0) | トラックバック(0) | AC.61 |  

サイトのバナー部分に設置していたflashをJQueryスクリプトへ変更しました。
見た感じはflashの様にも思えますが、スクリプトで動作しています。

image

DEMO

ダウンロードはこちらのサイトから行えますsmile_secret      s3Slider





気まずい事がダメなんだ

| コメント(0) | トラックバック(0) | AC.32 |  
なんだかハマってしまいます。。。





Google Earth で タイムトラベル!

| コメント(0) | トラックバック(0) | AC.40 |  
先日Google Earthが 5.0へバージョンアップしました。

今度のGoogle Earthは凄いのです!
何が凄いのかと言うと

①海に潜れます
②時を遡って、過去の衛星写真が見れます
③ツアーが簡単に設定できます
④火星も探索できます

と、盛りだくさんです!
詳しくは下の動画で確認してみて下さい!



Google Earth 5.0 のダウンロードはこちらから




横スライド式パネル( jQuery plugin )

| コメント(0) | トラックバック(0) | AC.244 |  

TOPページの Episode History を Spry Widget のタブ型パネルよりJQueryのスライド式パネルへ変更しました。

Episode History

スムーズにスライドするので、複数のコンテンツを収納するのに優れています。

その他にも「view all」をクリックするとパネルの全内容を表示します。image

このスライドパネルは下記よりダウンロード出来ます。

Accessible News Slider





サイトデザインリニューアル と JQueryアコーディオンメニュー

| コメント(0) | トラックバック(0) | AC.272 |  

つい先日設置したタブ型ナビゲーションバーに合わせ、デザイン変更をしたばかりでしたが、そのデザインがあまり気に入らなかったので、大幅にデザイン変更を行いました。

以前は、白・青を中心としていましたが、Episode3の頃の様に 黒・緑 に変更しました。

BLOGで背景が黒だと絵文字smile_partyなど画像が汚くなるので、どうかとも思いましたが。。。

サイドのアコーディオンメニューは以前の 「Spry Widget」 のものから「JQuery」へ変更しました。

JQuery」はサンプルも多く、かなり熱いですね!sun





Google Earthでストリートビュー

| コメント(0) | トラックバック(0) | AC.66 |  

GoogleマップGoogleマップモバイルとストリートビューがリリースされていますが、Google Earthでもストリートビューが使えるようになっていたのですね。thumbs_up

image

上記画面の左下の「レイヤ」でストリートビューのチェックボックスにチェックを入れると、画面上に「カメラ」マークが出現します。

そのカメラをクリックすると・・・

image 

ぐっと近づいて行き、カメラが球体の写真に変わり・・・

 

image 

その球体の中に「ぽわん」と吸い込まれ・・・

 

image 

そして、ストリートビューになります。

ストリートビュー内のカメラマークをクリックしていけば、先に進めます。

Webのストリートビューよりも、レスポンスが良く、遠くのカメラを押せば、早足に進めるので、Webよりもかなり優秀です。

球体に吸い込まれるところなんて、Googleの発想は凄いですねlightbulb





BLOGページがGoogle PageRank 2になりました

| コメント(0) | トラックバック(0) | AC.47 |  

以前TOPページがGoogleページランクが「2」になった時に報告しましたが、BLOGページもランク「2」になりました。rainbow

TOPページがランク2になった時の記事

BLOGページのURLが出来てから4ヶ月でページランク2になったことになります。

今回「3」を目指していたTOPページは過疎化の影響からか「2」のままでした。。。

Googleページランクについて、いつ時点での記事か分かりませんが、良いページを見つけました

グーグルページランク早見表

詳しく知りたい方は参考にして下さい





「BLOG みちしるべ」 一周年

| コメント(0) | トラックバック(0) | AC.27 |  

ふと気付けば、「BLOG みちしるべ」が丸一年を迎えました。cake

スタートは下記リンクの内容からも分るとおり、「思いつき」から始まっています。

K2style.net Episode1 プロローグ

1年と言っても、Episode6 Movable Typeスタートまでは、検索で訪問される方も少なく、実際に本格化したのは2008年9月以降になります。

2008年1月4日にLive spaceから始まり、2008年4月27日にFC2ブログへ引っ越し、2008年8月30日(Episode6)より現行のMovable Typeを利用しています。

詳しくはTOPページ下部の「Episode History」を御覧下さい。

 

タイトルの「みちしるべ」はグーグルマップ等を利用して、初回のブログ記事の内容の、自分の歩いた道を記す事から名付けたものですが、現在は自分と同じように知識のないところから、サイト構築をしようと思っている方への「道標」になればと思っております。

今後とも宜しくお願い致します。





タブ型ナビゲーション(Pure Css Horiontal Menus)

| コメント(0) | トラックバック(0) | AC.42 |  

サイトのメニューバーを変更しました。

キャプチャ

このメニューバーは下記サイトよりダウンロード出来ます。smile_secret

Pure Css Horiontal Menus

メニューバーに合わせて、サイトデザインも変更しましたが、イメージが「子供用の運動靴」のような感じになってしまいました。(この感覚分かるかな・・smile_party

私が設置した時には、このサイトの既存スタイルが悪さをして、タブがずれる現象が起こりました。もし、同じ現象の方がいたら既存のスタイルシートを見直してみて下さい。





2009年 明けましておめでとう御座います

| コメント(0) | トラックバック(0) | AC.8 |  

image 明けましておめでとう御座います。

2009年は公私共に色々な事がありそうな気がします。ばたばたで気付けばすぐ夏island位になっているってパターンです。。。

今年は新しく、経理系ブログ「かえりみち」(仮称) を何とかスタートさせたいと思います。

あと、12月はブログ更新を3回しか行わなく、アクセス数が激減してしまったので、今年からは週3回位は行っていこうと思います。

それでは、皆様の良い年になることを願いつつ

本年もどうぞ宜しくお願い致します。icon_title





タブ付きのパネル Widget(Spry Widget)

| コメント(0) | トラックバック(0) | AC.51 |  

TOPページのリニューアルに伴い、別ページとしてポップアップ開く「Episode History」をTOPページ下部に設置しました。rainbow

設置にはEpisode5まで使用していたSpry Widget のタブ付きパネルを利用し、エピソードごとのタブを設定しました。

これで少し過疎化していたTOPページが少し意味あるものになりました。smile_embaressed

タブ付きパネルの設置には Spry Widget に記述されているソースの他に、SpryTabbedPanels.jsSpryTabbedPanels.cssが必要です





BLOG記事のカテゴリーアーカイブメニュー(Spry framework for Ajax)

| コメント(0) | トラックバック(0) | AC.12 |  

なかなか時間がなくてやっていませんでしたが、TOPページのデザイン変更を行いました。sun

デザインをBLOGと一致させる(普通はTOPページにBLOGなどのコンテンツを合わせるのが普通でしょうが・・・)事と、サイトとBLOGの一体感を持たせる為に、TOPページとBLOGに同じ、「BLOG記事のカテゴリーアーカイブのメニュー」を設置しました。

この「BLOG記事のカテゴリーアーカイブのメニュー」は現状ではあまり意味がないですが、何気にSpry framework for Ajaxの折りたたみパネルになっています。

今後、この機能を使って、BLOGの記事ページをWEBサイトとして構築していく事が可能になると思います。lightbulb





Episode 8の今後の展開(予定)

| コメント(0) | トラックバック(1) | AC.2 |  

サイト再構築を掲げておきながら、それどころかブログの更新すらさぼっています。。。すんませんrose_wilted

9月に office Liveで取得したドメインのレジストラを変更し、それまでの環境では行えなかったMovable Typeを設置した時からの構想の一つに「自分の仕事で得られた経験等を元に記事を残していく」と言うものが実はあります。

この「BLOG みちしるべ」は仕事の記事は皆無に等しく、むしろ載せないようにしていました。

そこで「BLOG みちしるべ」とは別に新しいブログを立ち上げていこうと思います。

ブログタイトルは ...

-表参道で働く経理マンBLOG 「かえりみち」-(仮称)

一部パクリっぽい感じもなくはないですが。。。smile_embaressed

このタイミングで構想を表に出した理由の一つに、以前同じ職場で働いていた友人が、「仕事を通じて得られたことのアウトプットのバージョンアップ行っていきたい」と思っており、どうせなら自分も一緒にやっていこう!と思いました。

ちなみに下記は現状の私が使っている環境やツールです。

ドメイン k2style.net(office Liveで取得) 取得時無料
レジストラ ValueDomainoffice Liveから移管) \970 / 年
サーバー KenG3(知人のサーバー) 無料
BLOGエンジン Movable Type 無料
サイト作成ツール Visual Studio 2008 Express Editions 無料

「BLOG みちしるべ」は今後も継続していきますので、宜しくお願いいたします





Episode8プロローグ (サイト再構築)

| コメント(0) | トラックバック(0) | AC.74 |  

Blogのデザインをリニューアルしました。冬バージョンです!・・・が、フラッシュ画像は前のままなので、今後差し替えていきます。

今回、Blogのテンプレートで使わせて頂いたのが、mt.vicunaさんです。

以前もmt.vicunaさんのテンプレート設置にチャレンジしたことがあったのですが、うまくいかず断念したことがあるのですが、今回は何とか設置出来ました。smile_embaressed

スタイルシートにもコメントが入っているのでカスタマイズしやすいですが、なにせ私の知識が・・・。そこで役に立ったのがFirefox3FirebugというHTML分析ツールです。

これを使うと、「このクラスは、どのCSSに記述されているか」などが分かりやすく便利です。smile_nerd

Episode8の今後はBlogのデザイン変更に伴い、サイト全体のイメチェンをしていこうと思います。






+ Web site






+ PC
  Google
  Live
+ Other
+ Blog Parts

edita.jp【エディタ】




track feed BLOG みちしるべ


Access Ranking




ジオターゲティング