K2style.net

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

第2章と言っておきながら、ブログの引っ越しだけではなんなので、フレームバーを設置してみました。 この形に落ち着くのには結構な苦労がありました。作りながら、「どう考えてもダサくないかい？」という疑問が沸くので、何回か作り直しましたが、一旦デザインのイメージが出来れば後は楽ですね。（今の形もダサくない？って言うのは。。。言わないように） バーの表示がない方は http://k2style.net をクリックして下さい。 ちなにみ「Google Apps」は独自ドメインを持っている方の「iGoogle」のようなもので、Appsのスタートページはログインなしに公開できるので、設置しました。 「Live.com」は「iGoogle」のWindows Live版です。LiveID（LiveメッセンジャーのID）でログインして、自分流にカスタマイズして使ってください。なお、お使いのプロバイダーや会社のメールもGmailでPOP受信してLiveメールに転送すれば。「Live.com」上でメール確認ができますので、自分用のポータルサイトとして使ってみてはいかがですか。

他のブログに浮気をしておきながら。。。「すすめ」とは説得力無さすぎですね office Liveと出会ったのはβ版初期の頃だったと思います。 サービス名が「Small Business」いう名の通りSOHOの事業者向けのサービスで、独自ドメインによる専用デザイナで簡単に作れる自社HPやメールアドレス、社内や顧客と共同作業の行えるワークスペースなどが無料で提供されています。スタート当初はサービス内容に合わせて3コースありましたが、今は1つに統合されて、更に独自ドメイン取得が必須だったのが、ワークスペース等は現状お持ちのメールアドレスで同じようなサービスが受けられます。 k2style.netもoffice Liveで取得しました。 office Liveで取得したドメインでメールアドレスを作れば、そのままWindows LiveIDとして使用できますので、メッセンジャーやLiveメール、Liveスペース（旧みちしるべ）など主メールアドレスで使用できますので、何かと便利です。基本的にどのサービスもツールバーやメッセンジャーから状況確認やアクセス出来るので、楽チンです。 （分かりにくいのですが office Liveと Windows Liveは別物です） Liveメールで残念なのがPOP受信が「受信」ボタンを押さないといけないので、その点でGmailの方が優秀です。そこで GmailでPOP受信→Liveに転送 これで解決です。 Live spaceは更新時にメッセンジャーの名前の横に「*」が付くので、更新したのが伝えやすいのですが、なにせデザインが。。。後はHTMLタグにscriptが使えないので、使えるブログパーツが限られます。そこがクリアできれば是非戻りたいですね。扱いやすさはすごく良いですので初めての方には良いと思いますよ。 無料ですので、皆さんも是非試してみて下さい。（オプションは有料です。）

MSN Live spaceよりFC2へお引越しをしました。理由は 「別の所を試したい」 です。 元々のブログ構想を始めた理由が ?WEBの感覚値のアップ ?コンテンツの書き込み (株とか経済) により、失われつつある分野での感覚を取り戻す。 そんなものがありました。なので、引っ越しは?の理由が少し含まれます。単に新しいもの好なんじゃない？と思ったあたな！。私はA型なので石橋を叩いて渡る性格（なはず）です。 K2style.net構想 第2章です。（1章のゴールはなんだったんですか？とは聞かないで下さい）

こちらのFC2サイトの更新を終了します。

今後RSSは

http://k2style.net/blog/atom.xml

 

このページの更新は今後行いませんので、今このページをご覧の方は、再登録お願いします。

 

今後もK2style.netは継続いたしますので、よろしくお願いいたします。

久々のサイト変更のBlogです。

 

News Feed ページを追加しました。

 

ニュースをタブ形式でジャンル分けし、RSSで取得した内容を表示しています。

ニュース表示に際して、インラインフレームは使わないことにこだわりました。

理由は、記事の件数が多い時にフレーム内、にスクロールバーが出てしまうことを防ぐ為です。

 

Blogページはインラインフレーム形式ですが、 「1つの記事」 しか表示させさせていないのも同じ理由で、おおよその 「1つの記事」 の長さをフレーム高に設定しています。

ですので、記事が長すぎる場合はスクロールバーが表示されてしまいます。

 

Episode3.6 を見ると記事をいくつも表示させる為、フレーム高を8,000pxに設定しています。

（注：3.6は「Now Loading」を設置していない為、ページ読み込み途中ではタブが反応しません）

 

なので、javascriptのみ利用して今の形にしました。

RSSをjavascriptで表示させる為に利用させて頂いたのが、Callbee Feed/コールビーフィードです。

利用方法はRSSのURLを入れ、表示形式を少し設定するのみですので、とても簡単でした。

 

次は「ななめ読み」出来るように改良出来たら良いですね。

  以前、男祭で車で行った「那珂湊」へ今度は電車で行ってきました。

 

常磐線「勝田」駅のみなと線のホーム

うおっ 1両編成！ しかもディーゼル

ローカル色が強く、おばあちゃん家に行くみたいで「グ〜ッ」

 

 

 

 

 

 

 

田園の中を単線は続きます

はしゃいでいるのは私だけですが、なにか？

 

 

 

 

 

 

 

 

 

 

 

 

宿のある「殿山」駅

おばーちゃーーん！

 

 

 

 

 

 

 

 

 

 車の方が何かと便利ですが、電車での〜んびり旅も色々なことに気付けて、なかなか良いですね

休みはとってもうれしいものです。

その半面、大型連休は営業日数が減り、休みの前後はその穴埋めの為、かなり忙しい状態になります。

期限のある業務なら尚更です。

 

連休前の金曜日。

休み明けの朝一に必要な資料作成で、一人ぽつんと居残り作業。

終電の時間は迫るが、それまでには到底終わりそうもない。。。

ここは焦って適当にこなすよりは、休みの日に出てやろう！と決めたら、気が楽になりました。

 

お盆休みの月曜日、私服で出勤。人も少なく、天気もよく、少し涼しい。

快適な通勤です。

余裕をもって出来る仕事もなかなか快適。

他のことも少し行って早めの完了。

そろそろ帰ろうかなぁ、と思った時にHBOさんが登場して、「ちょっと会社来たけど、もう帰るので、ランチビールでもしません？♪」

 

ということで、こちらに行ってきました。

フラミンゴカフェ@グラッセリア青山

オープンテラスで青山っぽくランチとビール♪

職場のある表参道で昼間にのんびりすることはないので、ちょっと新鮮

風も涼しく気持ちよかったです。

HBOさんありがと！

今度は私が「地下」にお誘いします

 

 

 

小学生の時にNHKの「みんなのうた」で流れていた「メトロポリタンミュージアム」

なぜかこの幻想的なメロディーと歌詞がずっと残っています。

それを人に見せて伝えるには、今までなら、たまたまテレビで流れるのを待つしかなかったのが、今は凄く便利ですね。

記憶の中では、「タイムトラベルは楽しい メトロポリタンミュージアム♪」の歌詞のシーンでスクーターに乗った先生が飛び回っていたような気がするんですが・・・。彫刻と踊ってたんですね。

ちなみに下記の動画は、自分の中では同じジャンルで、この曲を聞いた時に「メトロポリタンミュージアム」を思い出しました。

 

椎名林檎 幸福論

みなさんも「Other」のYouTubeより懐かしい映像を検索してみてくださいね。きっとあると思います

Google マップ 「ストリートビュー」 で旅してきました！

大きな地図で見る

凄いね！ストリートビュー

gooの古地図に続いて本当に「夢のような」ツールです。

地図好きにはたまりませんね。

ただ、このストリートビューは夢中になっていると・・・

目が回って具合が悪くなってくるので要注意です！

 

ちょっと実際に見てみたいですね

Live writerで投稿（Ping発信） → FC2ブログ（旧） サイト検索は、このサイトへ転送

--------- 同上 -------- → FC2ブログ（新） クロール制御で検索には引っかからない

 

この計画はなんとか成功したようです。これで動画投稿も可能になりました

ただ、忘れた頃に、クローンが出来上がって2重投稿になってましたが・・・

この記事はxFRUIT のRSS to MY BLOGを利用して配信しました。

以前はFC2ブログに書き込みを行って、そこから発信されるRSSをMODIPHIのFeedMSと言うRSSフィードの機能を使いブログパーツとして。このサイト内に表示していました。（Episode4.5）

 

何故、そんなややこしいことをしているかというと、検索サイトでFC2ブログの書き込み記事をクリックされると、このサイトの存在を知らないまま記事を読んでも、「フラッシュを設置しました」と言っても、なんのこっちゃ？と言う事になります。それを防ぐために訪問した方をK2style.net（このサイト）へ誘導するために全て転送を行っています。 こんな感じ → クリック 

 

なので、このサイト内にFC2ブログを表示すると、漏れなく無限ループが始まってしまうのです。（大きな箱を開けると、少し小さな箱が出てきて、それを開けると更に小さい箱が・・・続く）

その為にFC2ブログはあくまでRSSの配信と、このサイトへの誘導と割り切り、MODIPHIのFeedMSをこのサイト内に表示させていました。

 

しかし先日Windows Live Writerを使ってyou tubeをアップしたところ・・・

 

がーーーん 表示されない

動画を表示させる方法はないのか？ ・・ と思いながらこんなサイトを見つけました。

 

xFRUIT 

 

MODIPHI と同じようにWebサイト系のRSSリーダーで、日本語にも対応しています。その中にRSS to My Blogという機能があって、これは簡単に言ってしまえばRSS配信された内容を自分のブログへそのまま配信する機能です。

（漏れなく 「POWERED BY xFRUIT」 が付きます）

 

ということは・・・・ Live writerで書き込み（Ping発信） → 今までのFC2ブログ（旧） → xFRUIT → 別に作ったブログ（新） → ブログ（新）をこのサイト内に表示

これだったら、ループも起きないし、Live writerで書き込みして投稿するだけで、後は勝手にやってくれるし、その他にも利点は

 

• ブログ（旧）からLive writerで書き込みの際、内容更新を告げるPing発信しこのサイトへ誘導
• ブログ（新）はPing発信しないで検索サイトのクロールもMETAタグで制御
• ブログ（新）は転送がかからないので、コメントの書き込みも出来る！

 

ちょっと設定・・・・

おおーっと出来た！

 

しかし日にちを空けてからもう一回テストすれど、今度は表示されず。。。RSS配信が１日に１回とかなのかな？ しかも、１回目の成功も何故かコメントの書き込みが出来ない状態。。。

で、こうしてみます。

Live writerで投稿（Ping発信） → FC2ブログ（旧） サイト検索は、このサイトへ転送

  --------- 同上 --------  → FC2ブログ（新） クロール制御で検索には引っかからない

 

この書き込みでテストします！どうなるでしょうか

第1章 ブログスタートの頃にお世話になっていた、Windows Live space（MSのブログ）を使用しているころに使っていたWindows Live Writer(ブログ更新を簡単にする編集ツール)を再び使ってみました。

このツールは国内の他の無料ブログでも使えるらしく、無料のブログ書き込みツールとしては結構評判いいようですね。

ただ、絵文字がないな・・・

 

ちょっとテストでyou tubeアップ

画像も

サイト構成を変えました


サイト構成をSpry framework for Ajaxによる単一ファイルのタブ形式よりFlashメニューによる複数ファイル形式に変更しました。

Flashメニューは自作ではなく、- Natural Breeze -さんよりお借りしました。ありがとうございます。
なかなかカッコいいですな
ダウンロードしたファイル一式の中にテキストファイルがあり、それを書き換える事によりメニューやテキストの設定ができ、汎用性が高いです。
メニュー下部の画像も変更可能です。デフォルトで青空の画像が添付されていましたので、それをそのまま使わさせて頂きました。

理由はBlig「みちしるべ」の地平線の彼方に青空を表現するのに良かったからです。

Flashオブジェクトの高さを、デフォルト値よりも小さくすると、横も縮小されてしまったので、インラインフレームで表示範囲を設定し、モノクロ画像の上に少し青空がのぞくことが表現出来ました！

ただ、このFlashにはメニューボタンが7個・・・・
スカスカになってしまうので、episode3の頃に設置していた「Album」を設置しました。

なかなか良くないですか？

これはタマタマ見つけた機能です。
テキストエフェクトが出来ないかと、Expression Media 2を初めて使ってみたら、エフェクトは出来なかったけど、HTMLギャラリーの作成という機能があり、それを使いました。
ただ、Expression Media 2は試用版です・・・

ページを複数へと変更したのでメンテナンスは多少やりやすくなりましたが、以前のタブ形式のようなサクサク感はなくなりました。

Flash設置スタート

episode5のスタートです。
今回はFlash動画を作成して、設置してみました。

まず、ページタイトル「K2style.net」を 「 ParaFla! 」というソフトで作成。

続いてBlogタイトル「みちしるべ」を 「 Suzuka 」というソフトをそれぞれダウンロードして使ってみました。

どちらもフリーのソフトですが、国産なので日本語表記ですし、テキストのエフェクトだけしか行っていませんが、初心者の私でもとても簡単に使えました。
自分の知識が薄いので、使いこなしている範囲は非常に小さいと思いますが、Flashの感覚値が伴ってくれば、どちらのソフトも「フリーでここまで！」と思えるものだと思います。

今回は初めてですので、テキストエフェクトのみ行ってみましたが、どうでしょうか？
（RSS購読の方も、たまにはHPへ確認しに来てくださいね）

「ちょっとウザくない？」と思ったあなた！ 間違っていないです。。。
私もそう思います・・・

ページ構成を見直ししながら、全体のレイアウトの変更を行いたいと思います。
当然Flash多様で！

今後はテキスト以外のフラッシュも作成して行きたいですね。

F森さん決起会


職場の同年で語り合う会。それが47会です。
今回はF森さんが退職してしまうので、今後の活躍を期待しての決起会となりました。

何気にこの47会は7名中4名が別の会社で活躍しています。

一期一会と言うには、それなりの期間をともに頑張ってきたメンバーですので、ちょっと言葉が違うかもしれないけど、この出会いを今後も大事にしましょうね。






男だけなので嫌がる方も若干いますが・・・

何気に私のブログで個人の顔が出るのは「初」なのです！

成田祇園祭に行ってきました


成田祇園祭は3日間に渡って各町内自慢の10台の山車と屋台が各町内をくまなく巡行します。
祭りのハイライトは3日目、表参道で繰り広げられる総引きです。
山車上の若衆頭があおり、笛や太鼓で下座連がもり立て、競り上がり式の人形が立ち上がったまま、山車・屋台は仲町の坂を上がっていきます。


山車を引いている様子です。
一つの山車は「シャンシャン」音を鳴らしながら歩く女の子を先頭に100m位続く一団です。


成田山の正門へこれから坂を下ろうとする山車。山車操作では一番難しい関門でしょう。

やっぱり日本人は祭りが好きですね。でも外国の方も結構見物に来ていました

ページ読み込み中のメッセージを追加しました。


現状のサイトの構成はSpry framework for Ajaxによるタブ形式を採用しています。
その先頭タブのDiv内にframeを設置してブログのRSSを表示しています。
この構成が悪いのか、このページにアクセスした際に、初回はページ表示まで非常に長い時間が掛ってしまいます。
ここは構成を見直すのが普通なのでしょうが、今回の私の場合は「読み込み中のインジケータ付けたい」という発想になりました。

そこで、KenG3にサンプルを頂いて、加工して使うことに少しチャレンジ（ボタンによるON・OFF → ページ読み込み開始から終了に変更）しましたが、良いヒントが載っているサイトになかなか巡り合えず・・・
（たぶん結構簡単なのでしょうけど、そもそも基礎勉強を一切していないので、ワードがわからん）

で、旅路の途中で出会ったのが、あんぽんたんさんのページです。

インジケータではなく文字での表示ですが、やりたいことと一致しています。
（Gifアニメでインジケータ表示も試みてみましたが、ちょっと私じゃダメでした）

インジケータ表示は後々チャレンジしてみます。（サイト構成もそのうち変更しますけど）

ロゴ完成？


favicon.icoのデザインは「ペイント」で作りました。
初めはKと2を合わせて模った図形？のようなものを作ってみましたが、どうみても「ダサイ・・・」
結局 となりました。 何気に図形？とイメージは近いです。
（時間とお金を掛けていないので、これ以上は突っ込まないでください）

そのファイルをFavIcon from Pics（英語）でicoファイルに変換してサーバーにアップ。
（本文サブタイトル横のロゴのように回るGifアニメまでセットで作ってくれます）

続いて html のhead タグ中に＜rel="shortcut icon" href="favicon.ico＞を追加で完了です。
が、表示されない・・・

この現象はIEでは、「このサイトにicoファイルは無い」という情報がキャッシュされてしまっているので、履歴とキャッシュをクリアすれば次から表示されるようになそうです。

梅雨です

ここ最近、週末になると大雨ですね・・・

新聞記事も梅雨の様相です


むっ！新聞の写真に見覚えのある人影が・・・・

Summer Version

Episodeも変わったので、サイトデザインをリニューアルしました。

自分的には夏なイメージにしたつもりです・・・
どちらかと言えば春の様な。。。とは言わないように！

今回素材作成に使ったソフトは「彩彩畑」

今回のタブボタンと背景はこちらで作りました。
無料だけどなかなか優秀で、小さな素材をループさせて使う場合などは重宝すると思います。
あとはグラデーションなどの加工も簡単です。

リニューアルついでに、HTML内に無意識に作られ続ける「style」の削除と再設定など行って、サイト内のゴミを除去しておきました。
現状の私の知識と、使用内容ではスタイルシートは使わない方が楽ですね。

RSSフィードのアドレスを変更しました。

今までのフィードは今後更新されません。

今後のアドレスは

を押して、お好みのRSSリーダーへ登録してください。

今回RSSフィードに使ったのがMODIPHIです。

MODIPHIを使うことによって、今までの手動によるxmlファイルの書き換えがなくなったばかりか、このBlogタブのように、そのままHPのパーツとして使ってみました。

ついでにRSSリーダーとしても、モバイルは優秀で、Webなのにアプリのような見た目と使用感です。
欲を言えば、既読の記事や、フォーカスがTOPに戻らないようになれば、なお良いでしょう。
個人使用なら無料ですので、使ってみてはいかがですか

ベランダのプランターにキュウリが生りました。

結構立派になり、収穫をしました。でも、収穫時を狙っていたのは自分たちだけだはありませんでした。葉っぱの裏にはアブラムシが・・・

その後、買い物をするので家を出たところで、足元に「てんとう虫」が歩いていました。

むっ！これは
アブラムシとと言えばてんとう虫 てんとう虫といえばアブラムシ・・・

早速捕まえて、一旦家に戻ってキュウリの葉っぱの上に放ってみると、居づらいのか上へ上へと昇って、今にも飛んで行ってしまいそうです・・・

仕方ないけどそのままにして、買い物に行ったのですが、翌日キュウリを見てみると・・・


そこにはあのテントウ虫が！
ズンズン上って行ってしまったくせに、ちゃっかり住み着いていました。

見た目はたいして変わっていないのにエピソードを変えてしまいました。

ただ、4章では色々な事を試していきたいです。

ちなみにRSSの設定を変えました。


新しいRSSはこちらからお願いします

TOPページのデザインを変更しました

タブのメニューにRSSリーダーやGoogleガジェットを追加などをして、たんだんと「いっそのことタブにBlogを埋め込んでしまえ」と思い、そのようにしてみました。

ただ、ページ上のメニューボタンの存在意義が大きく後退してしまいましたが、なにか？

そろそろEpisode3シリーズも完結と言うことですね。

とある事情でトイザらスに行ってきました。

トイザらスは値段が高めなのであまり利用しないのですが、たまに行くとやっぱり「夢の国」ですね。
商品アイテム数のスケールが違います。

正月にデパートのおもちゃ売り場を散々渡り歩いて、やっと縁日コーナーで見つけた「スポーツカイト」（Maid in China100円）とは比べ物にならない、ちゃんと両手で引く「スポーツカイト」（旧みちしるべ参照）や、どれだけ連射が出来るのだろうと思ってしまう「ウォーターガン」や「シャボン玉作成機」
とにかくスケールが違います。
（ここに来ると私が一番喜んでいますがなにか？）

正月に私が見つけた「スポーツカイト」（Maid in China100円）



ちなみに「トイザらス」の「ら」が平仮名なのは間違っているわけではありません。（IMEの変換でも第一候補で変換されました）

トイザラスはアメリカ法人で社名は"Toys are us."（おもちゃのことなら私たちに）の意味。


R の字が逆になっているのは、子供が R を間違って Я のように逆に書いてしまう事を表したもので、日本法人の社名もこれにならい、「ら」だけをひらがな表記にしているそうです。

TOPページのアコーディオンをタブ形式へ変更しました

アコーディオン式の動きは好きだったのですが、動作が少し「もっさり」で動きが遅かったのですが、タブ形式はサクサク動きます。メンテもこちらの方が楽ですね。

ちなにみこの機能はAdobeのスクリプトでdreamweaverでの加工が楽なのですが、既にdreamweaverの試用期間が過ぎてしまいました。
ならば「再度ダウンロード！」と思いサイトに行ってみると・・・

「体験版は現在ご利用いただけません
ご迷惑をおかけして大変申し訳ございませんが、体験版は７月上旬までご利用いただけません。詳しくは、FAQをご覧ください。」

がーーん

しょうがないので自力でやりました！