インフォメーションアーカイブ: Stepcy.netブログ

Stepcy.netブログがケータイに対応しました＾＾

遅ればせながら、やっとこのブログもケータイに対応しました＾＾

実は、先日電車に乗ったときに、ものすごい数の人がケータイを一心不乱に操作している光景を見て驚きました＾＾；

ケータイでやることと言えば電話とメールくらいだと思ってたんですが、ちょっと調べたところ最近はウェブブラウズをしている人もかなりいらっしゃるらしいですね～。

「ならばうちのサイトもケータイで見てもらおう！」と思い、本日早速対応。「早速」とは言ってみたもののちょっと乗り遅れ気味ですかねｗ

http://mobile.stepcy.net/

QRコードはサイドバーにも準備していますので、よろしかったらお使いください＾＾

なお、今後は http://blog.stepcy.net/ にケータイからアクセスがあっても、自動的に上のケータイサイトに繋がりますのでよろしくお願いします＾＾

基本的にはPCでのブラウズに最適化している当ブログですので、ケータイサイトの方は若干使いにくかったりするかもしれませんが、ご了承ください＾＾；

サイト構築に使用させていただいたのは、MT4i。Movable Typeをお使いの方でしたらこちらを利用することで容易にケータイサイトを構築できます。

上記Wikiを見ながらだとホントに簡単でしたよ～。

せっかくですので簡単に流れだけ説明しておきます。

まず、MT4i本体をWikiよりダウンロード。現在の最新バージョンは3.0.8でした。

圧縮ファイルを解凍し、できたフォルダの中に「cache」フォルダを作成し、そのフォルダの中に「tmpl」フォルダを作成。

mt4i01

このような状態を作ったら準備OK。（左のバーを見たらわかると思いますが、「cache」フォルダの中には「tmpl」フォルダがあります）

あとは、そのままmt.cgiがある場所に、解凍されて出来たフォルダごとアップロードすれば設置は完了します＾＾

（あとのメンテナンスの関係もありますので、僕は「mt4i」とフォルダの名前を変えました）

パーミッションはcgiが動くために必要なものをサーバに合わせて選択してください（705とか）。

アップロードが完了したらmt4imgr.cgiにウェブブラウザからアクセス。設定に入ります。

最初にパスワードを決めますが、その後は指示に従って必要なところを書き換えるだけで動作します＾＾

注意点と言えば、Movable Typeのホームディレクトリの設定くらいですかね～。 3.0以上は、必ず絶対パス（チカッパ！レンタルサーバーの場合は、「/home/sites/chicappa.jp/users/～から始まるアドレスです）で指定し、最後は必ず「/」で終わること、となっています。

各種設定が終わったら、「mt4i.cgi」にアクセス。うまく行っていれば、これで自分のブログがケータイサイトとして表示されます＾＾

その後はテンプレートを自分好みに変更するなどご自由に＾＾この辺も全てWikiを見ていただくとわかるでしょう。

チカッパ！レンタルサーバーならImage Magicも入ってますし、ブログ内画像をケータイに合わせて縮小表示させることも初期設定のままでできますよ～＾＾

次に、PCのブログにケータイでアクセスされたときにケータイサイトに案内する設定。これは.htaccessを使います（Apacheサーバの場合）。

長くなりますので.htaccessの説明は今回は省きますが、

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} ^(DoCoMo|KDDI|DDIPOKET|UP\.Browser|J-PHONE|Vodafone|SoftBank|WILLCOM|emobile|Huawei)
RewriteRule ^$ http://mobile.stepcy.net/ [R]

※11月8日加筆修正。アドバイスをいただき、WILLCOM、emobile、Huaweiを加えました。

と記入することにより、携帯からのアクセスをhttp://blog.stepcy.net/からhttp://mobile.stepcy.net/に誘導することができます＾＾

あ、そうだ。ファイル名が省略されたときのデフォルトURLの設定も.htaccessでやります。

DirectoryIndex mt4i.cgi

と記入したものをMT4iのディレクトリに置けばOK。そのディレクトリにアクセスがあった場合、ファイル名の記載が無くてもmt4.cgiを表示してくれます＾＾

ということで、本日よりスタートした「けーたいすてぷし～」の方もよろしくお願いいたします＾＾

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

Stepcy.netメインページ

このブログのアドレスは、http://blog.stepcy.net/ですが、ご覧のとおり「blog」というサブドメインがついています。

ということは、当然「stepcy.net」ドメインのメインURLというものが存在するわけです。

ブログを始めるときに、そのままメインURLを使用して作成しても良かったんですけど、もしも気が変わって別のことをしたくなったときにメインアドレスを使っていたら何かと制約が多いというか、新しいコンテンツでもブログの一部みたいになってしまうので、あえてサブドメインでの運営をしてきました。

で、メインURLは、「ここはStepcy.netですよ～」ってのを示すことができればそれでいいということで長いこと放置してきました＾＾；

しかも自分で作ったページを表示しているならまだしも、サーバをお借りしている「チカッパ！レンタルサーバー」さんの用意してくれた「Stepcy.net」と表示されるだけのシンプルなもの。

その時見に来られた方は、「なんだ、休止中か・・・」と思われたことでしょうｗ

「いや、それはさすがにまずいだろ・・・」と思い、夏頃にブログなどのコンテンツへのリンクを貼り付けたものを準備はしたのですが、なんかせっかく取得した「Stepcy.net」ドメインなのに・・・といった超シンプルなもの＾＾；

必要最小限のことは載せていたのですが、ほんとにただそれだけ。

stepcy-before

こんな感じだったんですよｗ

ただ、言ってみればここがStepcy.netの玄関みたいなものですし、「ここがStepcy.netだぜ！！」みたいにバシッとしたものが欲しかったのも事実。

自分で作るにも、僕の決して恵まれているとは言えない「才能」がそれを容易にさせてくれませんし・・・＾＾；

・・・ということで、思いついたのが

「よし、プロに頼もう！」

で、出来上がったのが・・・

インラインフレーム

すっげぇぇぇ！！！！超カッコイイじゃないですか！！

書いてあることは同じなのに、この差はいったいなんなんでしょう・・・＾＾；

ともかく、すごく華やかになりました＾＾

・・・と、これだけの仕事をやってもらったのに、しかもその仕事を生業としてる人にやってもらったのに・・・無料で引き受けてくれたので、支払が発生してません＾＾；

いや～、ホント持つべきものは友達です＾＾で、やってもらっただけではあんまりなので、ちょっとここで宣伝しておきます＾＾

http://www.itadaki.ne.jp/ab_itadaki/company.php

studio COLK有限会社（スタジオコルク）

・データベースシステムの構築
・ CGデザイン、イラストレーションの制作
・動画、ムービーの制作
・ Webの企画及びサイト構築

が主な仕事。

ウェブ上では、ケータイの着うた配信サイト「イタダキ」を運営中です＾＾

「itadakiは誰もが参加できるオリジナル作品発信サイトです。参加登録された作品を「着うた（R）」として発信しています！」

ということで、メジャーなアーティストの着うた配信サイトは多いですが、インディーズ系に焦点を当てたちょっと珍しいこのサイト。みなさんも是非一度試してみてください＾＾

もちろん、Stepcy.netのトップページを見て「ウェブ製作を頼んでみたい！」と思われた方も＾＾

studio COLKのOKazuさん、ホントにありがとうございました＾＾

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

新しい機能2つ

先日更新したStepcy.netブログですが、新しい機能を2つほど追加しました＾＾

・ブログ内の画像を全表示

この前まで使わせていただいていたKinarie & MayさんのPhoto readerを使うことができずブログがちょっと寂しくなったので、何かそれに変わるものは・・・と探していたところ、Collectプラグインなるものが存在するというのを見つけたので使ってみることにしました＾＾

最初はこれで画像を5つほど抜き出し、右側のサイドバーに表示しようと思っていたのですが、なんだか試しに全ての画像を抜き出したページを作ってみたところ意外に面白かったのでそのまま採用しますｗ

ホントはどうでもいい画像まで抜き出さないように「カメラ・写真」のカテゴリだけを対象にしたかったのですが、Movable Type4.21のせいなのかなんなのか、カテゴリを抽出するタグを挿入すると500サーバエラーが必ず発生するという奇妙な現象をどうやっても解決することができず、結局うちのブログの記事にある画像を全部抜き出すことになりました＾＾；

imgのタグを対象に抜き出しますので、写真だけにとどまらず他の画像なんかもまとめて持ってきてしまってます＾＾；まあそれはそれで面白かったのでいいんですけどね＾＾

で、欠点ですが、とにかく重いです＾＾；自分のネット環境のベンチマークをとるくらいの勢いでチャレンジしてみてくださいｗもちろん通信環境だけではなく、PC自体の性能も必要ですよ～。ストレス無く見ることができたあなたはすごいかも！

しかし、あらためて見るとスゴイ数の写真です・・・

右のサイドバーにあるカレンダーの下、「このブログ内の写真一覧」をクリックすれば該当ページへアクセスできます＾＾

こ～んな感じでズラズラ～～～っと出ます。文字が出てきてるところがありますが、そこは画像のリンク切れ＾＾；いずれちゃんと直しておきます・・・

・メール送信フォーム

ブログを本格的に始めてからずっと気にはなっていたのですが、メールアドレスを公開していないので管理人である僕に対してコンタクトをとることが難しいんですよね＾＾；

今までのウェブサイトでは必ずメール送信のボタンを設けていたのでそれがずっと気になってました。

とはいえ、載せたら載せたでスパムメールの嵐になるのは明白で、その煩わしさがブログにメールアドレスを載せるということをさらに遠ざけてしまっていました・・・

今回の変更時にこの部分もどうにかしたいと思っていたところ、メールフォームのことを思いつき、早速調べてみると・・・ありました＾＾

H.fujimotoさんが、素晴らしいメールフォームプラグインを配布しておられましたので、これをお借りすることに＾＾

これ、設置の仕方から何から非常に簡単にできるように作られたものすごく優秀なプラグインですね！設置だけなら楽～にできます。すごい！

レイアウトのところで少し迷ってしまいましたが、構成がすごくわかりやすいので僕でもなんとか今のレイアウトに合ったものにすることができました＾＾

ということで、一番右のサイドバー真ん中やや下あたりに「お問い合わせ」としてそのフォームを載せることができました～。

何かありましたら、そこからご連絡をお願いします。

これで少しは便利になったかな～。

なんか楽しくなってきたのでもう少し何かやってみるかもしれません＾＾

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

Movable Type 4.21移行完了

約束の3日目です。なんとか無事にブログの更新が終了しました＾＾

再構築のエラーはずっと出ていましたが、何度も何度も繰り返してるうちにだんだんと再構築が進んでいき、最後には「完了」となりましたｗなんかゴリ押しでカッコワルイ気もしますが＾＾；

ちなみにエラーの中身は、

Couldn't create FileInfo because DBD::SQLite::st execute failed: database is locked(5) at dbdimp.c line 401 at /（サイトのパス）/extlib/Data/ObjectDriver/Driver/DBI.pm line 348.

だったのですが、原因は結局わかりませんでした＾＾；少しずつ構築が進んだことから見て、サーバの問題なんじゃないかな～と思ったりもしますが、あくまで想像の域を超えませんので参考にはなりませんね＾＾；

さて、今回4.21に更新したのに伴い、ここを見ていただく際にわかる変更点がありますので少し紹介しておきます＾＾

レイアウトの変更：今まで通り3カラムですが、小、大、小のスタイルから大、小、小に変更しました。言ってみれば「気分転換」ですｗテンプレートは、小粋空間さんに今まで通りお世話になります＾＾
タイトルロゴなどの変更： 1分で作った前回ロゴをようやく変更＾＾；今度は製作に3分ほどかかってますｗまあ、シンプル・イズ・ベストってことで。それと、タイトルバーやサイドメニューバーなど、今までは色を表示していただけでしたが、今回から画像で表示するようにしました＾＾
カレンダーの変更： Kinarie&Mayさんのカレンダーはすごくかわいくて好きだったのですが、4.21では対応できませんでした・・・というか、僕が対応させきらなかったのかも＾＾；今回からAjaxのカレンダーを使用しています。これもすっきりしていていいですね＾＾なお、同じくKinarie&Mayさん作のPhoto readerも外すことにしました。今までお世話になりました＾＾
カテゴリー：サブカテゴリーを折りたたみ式に変更しました。「+」の部分をクリックすると展開され、そのカテゴリに属する記事を最新のものから5つを表示します。カテゴリの名前をクリックすると、今まで通りそのカテゴリ内の記事を全部展開します。下の方にあるOpen allで全展開。Close allで全部を閉じることができます。

と、大きなものではこれくらいですかね～。中身はものすごく変わってるのですが、見た目を今までと比べて違和感が少ないようにしたつもりです＾＾

そうそう。システムが4.01と比べると大きく変わったのでコメント投稿は処理が劇的に速くなってるはずです。今までは投稿ボタンを押して待つ時間がすごく長かったですからね～＾＾；ま、余所様のサイトと比べるとまだ遅いと思いますが、ガマンできる範囲にはなってるはずです＾＾

今のところ問題は無いと思いますが、見落としている可能性もありますので、もしお気づきになった方はご指摘ください。

それでは、今後ともStepcy.netをよろしくお願いいたします。

Stepcy.net 管理人sho1

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

【関連記事】

Permalink | Category : インフォメーション | Comments [0] | Trackbacks [0]

ブログのアップデートに伴う一時的な不具合について

久々の「インフォメーション」ですｗ

Movable Typeを4.2にバージョンアップしようと思ってるのですが、うちのブログは少しカスタムしてるためそのまんま移行するのが非常に難しいみたいです＾＾；

これから移行作業に入るため、しばらくの間はレイアウトが崩れたりページそのものが表示されない時間があるかもしれません。

3日以内に使えるようになるよう頑張りますので、その間ご迷惑をおかけしますがよろしくお願いいたします。

なお、昨日移行作業にトライしたときに出た不具合として、

・レイアウトはそのままいけるもののコメントができない（コメント欄が開けない）

・記事のアップができない（サイトの再構築ができない）

・デフォルトのレイアウトを採用して回避することもできない

などがありました。現在は4.01になんとか戻していますが、ちょっとまとまった休みをもらってる間にどうしても移行しておきたいので再チャレンジします。

レイアウト等は大幅に見直すかもしれませんが、まずは4.2で動かすことを目標に頑張ります＾＾

こちらでサイトの「再構築」を行わない限り今まで通り見れるはずですが、見た目がそのままでも前述の通りコメント機構に対応できていない可能性があります。

お手数をおかけしますが、移行が完全に終了したときに「終了しました」と再度告知させていただきますので、その記事を待ってコメントをいただければと思います。

それでは、よろしくお願いします。

Stepcy.net 管理人 sho1

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

【関連記事】

Permalink | Category : インフォメーション | Comments [0] | Trackbacks [0]

少しだけリニューアル2

ブログ内の検索を新しくしました。右の検索窓にキーワードを入れていただき「サイト内検索」ボタンを押していただくと使用可能です。

なんせ重くて全然実用的じゃなかったもんで...＾＾；

MovableType備忘録さんの記事を参考に、Ajaxを利用したブログ内検索を実装。すっごく軽くて使いやすいです！＾＾

検索結果は、この上↑部分（エントリー部分最上位）に出るようにしています。「CLOSE」を押していただくと閉じることができます。

今までのように別ページではありませんし、軽いですし、とにかくGOOD！です＾＾

Stepcy.netブログも、もうすぐ開設二周年。

記事の数も500を超えて、無駄は多いものの相当な情報量を抱えています。　目的の記事を探すのはかなりしんどい状態でしたがこれで解決ですね～＾＾

是非使ってみてください。

ブログを書くならBlogWrite

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

【関連記事】

Permalink | Category : インフォメーション | Comments [0] | Trackbacks [0]

少しだけリニューアル

少しだけブログのレイアウトを変更します＾＾

このページを見てる人はすでにお気づきだと思いますので簡単に…

・リキッドレイアウトの採用

・タイトルバナーの変更

です。

リキッドレイアウトについては最初から導入するか迷ってたんですけど、固定していた方が自分の思い通りのデザインにできるかな…ってなんとなく思い、採用していませんでした＾＾；

ですが、エントリー部分を475ピクセルに固定していたためにブログへの貼り付ける画像のサイズが実質幅400ピクセルで限界…

どうしても「あと少し大きな画像を…」ってのができませんでした。

昔は800x600ピクセルという画面サイズでPCを使ってらっしゃる方も多かったので、今までのサイズ（幅850px）で運営していましたが、最近アクセス解析で調べたところ、うちのページを見に来ていただいてる方の99%以上は1024ピクセル以上の画面サイズ（さらに、そのうち70%は1280ピクセル以上）だということがわかりまして、もっと広げてもいいかな…と＾＾

ただ、広く固定してしまうと、やはり小さな画面解像度の時どうしてもおかしくなるので、みんなが自分の環境で適正に見ることができるようにと、「可変」レイアウトで折り合いをつけました。

タイトルバナーは、今回のリキッドレイアウトの採用で今までのデザインが浮いてしまい、いい場所に落ち着かなくなったのでどんな幅でもOKなシンプルなものにしています。　こちらは時間があったらまた新しく作るかもしれません＾＾

なお、上部バナーをクリックするとトップページに戻っていたのですが、現在はバナーとリンクボタンの位置がずれています＾＾；

対処するまでしばらくお待ちください…

現在はトップページのみを変更（バナーについては全部）していますが、そのうち全部のページをこのレイアウトに切り替えていきますのでよろしくお願いいたします。

ブログを書くならBlogWrite

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

【関連記事】

Permalink | Category : インフォメーション | Comments [0] | Trackbacks [0]

お知らせ

Stepcy.netで運営をされていた「ごりぽん」さんの「雑記帳」ですが、当サーバの移転にともない引っ越しされることになりました。

新しいURLは、

http://white-momiji.chicappa.jp/

となっています。

ごりぽんさんの「雑記帳」、「Stepcy.netブログ」ともども、これからも末永くよろしくお願いいたします＾＾

ブログを書くならBlogWrite

RSSリーダーで購読する

Stepcy.net はチカッパ！レンタルサーバーで運営しています

【ダイナースクラブカード】初年度年会費無料キャンペーン実施中

【関連記事】

Permalink | Category : インフォメーション | Comments [0] | Trackbacks [0]

引っ越しました＾＾

先日の告知通り、引っ越しをしました。

どうでしょうか…何も変わって無く見えてたら成功ですので、「どうでしょうか？」と聞く事自体間違ってる気がしないでもないのですが＾＾；

おそらく唯一の確認場所は、Movable Typeのバージョンだと思います。引っ越しの時、ついでに3.34から3.35にアップしました＾＾

右下の「Powered by」のところですね。「Movable Type 3.35」の文字が見えてる方は新しいサーバ上のブログを見て頂いています。

っていうか、この記事が見えてるってこと自体がすでにニューサーバの証しなんですけどねｗ

これで、とりあえず自宅サーバ環境は一旦休止です　・ﾟ・(つД｀)・ﾟ・　ノートPCが自宅に戻ってきたらまた考えますが、今のレンタルサーバと一年の契約をしたので来年の7月末までは間違いなくこのサーバにいます。

サーバを借りて思ったのですが、やはり僕のサーバ機はパワー不足でした＾＾；　明らかにCGIの処理速度が違いますもんｗ

今回の引っ越しであらためて実感したのですが、やはり独自ドメインはいいですね。IPアドレスを新しいサーバのものにしてやるだけで今までのアドレスをそのまま引き継げるんですもんね。　ブログに貼り付けてる画像とか、アドレスが必要なものも結構あるのですが、それをなんの変更もせずに使えるのは本当にありがたいものです＾＾　何らかのウェブサイトを運営されてる方は、今は年間800円ちょっとでドメインが持てる時代ですし、保険代と思ってドメインを取得するのもいいかもしれませんよ。

役割を終えた自サバ機は、先ほど電源を落としました。連続一年以上の過酷な使用に良く耐えてくれました＾＾　ありがと～。

電源を落とした瞬間、かなり家の中が静かになりました。こんなに音がしていたのかぁ…

ブログを書くならBlogWrite

RSSリーダーで購読する