荒川区ホームページ・ブログ制作･作成･アクセスアップSEOのマウンテンブック

文章と写真からフォトムービーをカンタン作成！ Story's　ブログパーツ「ブログダイジェスト」

Sun, 28 Sep 2008 00:21:44 +0900

どこで知ったのか忘れましたが、携帯にメモっといてよかった！なかなか良いサービス発見しました。「Story's」と「ブログダイジェスト」機能はと言うと、ブラウザ上で簡単にフォトムービーができちゃいます！ ID for Lifeをもっと簡単にしたようなサービスです。しかも作った動画を共有でき、動画ファイルをしてダウンロード可能！それだけじゃない！ブログパートとして「ブログダイジェスト」と言うサービスはブログの記事を自動的に検出して画像と記事タイトルでミニシネマ風のスライドショーを作ってくれます。しかも、表示された文字or画像をクリックすると、対象の記事にリンク！便利です！【対象ファイル形式】 WMV形式（ Windows Media Player 等） MP4形式（ QuickTimePlayer , iPod , PSP 等） 3GP形式（携帯電話端末等） FLV形式（動画サイト投稿等）文章と写真からフォトムービーをカンタン作成！ Story's　ブログパーツ「ブログダイジェスト」

便利！QRコードも作れるようになったGoogle Chart API

Wed, 06 Aug 2008 10:22:44 +0900

QRのススメ【無料で作成！QRコード徹底活用サイト】

Sun, 06 Jul 2008 15:59:50 +0900

QRのススメ【無料で作成！QRコード徹底活用サイト】無料で3キャリア（3つの携帯電話会社）共通のQRコードを作成できます。SSL対応でプライバシーも安心。作り方や使い方、対応機種、QRコード関連グッズも紹介中です。カラフルQRコード対応。保存したりメール送信し、ご自由に活用できます。 QRのススメ【無料で作成！QRコード徹底活用サイト】

Movable Type　モバイル（携帯）サイト作成プラグイン

Tue, 25 Mar 2008 15:36:59 +0900

自分自身はあまり使うことはありませんが、携帯電話からの観覧は基本機能なのでプラグインの紹介をします。最も一般的なプラグインは「mt4i」だと思います。 [1] ダウンロードする MT4iのページを開き、最新正式バージョンのMT4iをダウンロードします。 [2] Perlパスを指定するダウンロードしたファイルを解凍し、「mt4i.cgi」と「mt4imgr.cgi」の1行目のPerlパス「#!/usr/bin/perl」をサーバーに応じて変更します。（さくらインターネット及びロリポップでは、変更の必要はありません） [3] ログインパスワードを指定する「mt4imgr.cgi」の9行目の「dummypassword」の部分を、設定プログラムにログインする為のパスワードに書き換えて保存します。 [4] アップロードする「mt4i.cgi」、「mt4imgr.cgi」、「mt4ilib」フォルダをサーバーにアップロードします（すべて同階層に置きます）。例えば、携帯用サイトのアドレスを「http://あなたのドメイン/m/」のようにしたい場合は、サーバーに「m」という名前のフォルダを作成し、そこに、「mt4i.cgi」、「mt4imgr.cgi」、「mt4ilib」をアップロードします。 [5] パーミッションを設定する「mt4i.cgi」と「mt4imgr.cgi」のパーミッションを「705」や「755」などに変更します。 [6] ログインする Webブラウザより「mt4imgr.cgi」にアクセスし、手順3で設定したパスワードを入力してログインします。 [7] 必須設定項目を設定する必要な設定項目を編集して保存します。「必須設定項目」の「MT_DIR」は、Movable Typeのインストール場所を、サーバー内での絶対パスで指定します。「Blog ID」は、Movable Typeで作成したブログごとに割り振られる番号を指定します。（空白でも後で確認することができます） [8] 確認する Webブラウザより「mt4i.cgi」にアクセスして、正常に表示されていれば完了です。 ※現在このプラグインもバージョンアップされていますが、mt4i22.zip(40.6KB)よりも新しいバージョンは「mt4i.cgi」のアクセス時エラーになってしまいました。 QRコード作成に役立つサイトはコチラ →QRのススメ：【無料で作成！QRコード徹底活用サイト】 →QR Code Editor

無料のQRコード作成ソフトQR Code Editor

Wed, 05 Mar 2008 16:22:10 +0900

無料のQRコード作成ソフトの中でも高機能な「QR Code Editor」件名、内容の入力まで可能です。 QR Code Editor ↑上記よりPsQREdit_Setup.exeをダウンロードしてから使用。 ※ウィンドウズ専用ソフト

Macで使える携帯シュミレーター　Stroll

Wed, 30 Jan 2008 18:52:52 +0900

携帯サイトを作る時にあると便利な携帯シュミレーター。 Windows対応のシュミレーターはよく紹介されてますがMacはあるのか？あるよな。。 …簡単に見つかりました。携帯シミュレータ Stroll これがあればある程度の検証は可能です。

WordPress　携帯mobile用　プラグイン

Mon, 10 Dec 2007 17:11:19 +0900

MT同様WordPressでも携帯観覧用のプラグインがあります。 PC　Mobile　両方の更新は大変なだけにありがたいプラグインです。 ALEX の Mobile Edition をベースに、 WP v1.5 のテンプレート形式に対応させたものです。 PC と同一の URL に携帯電話でアクセスすると、携帯電話専用のテンプレートにて表示されます。こちらより、mobile_eye_v1.zip をダウンロードして解凍します。 http://cafelog.net/files/ mobile-comments-post.php を index.php と同じ階層に、 mobile_eye.php を wp-content/plugins に転送し、管理画面の「プラグイン管理」にて有効化してください。以上で完了です。【携帯シュミレーターで確認】 Macで動く携帯シミュレータ：Stroll Openwave Developer Network - Tools & SDK（AU）ウェブコンテンツヴューア（ソフトバンク）

携帯開発向けに便利な支援ツール/サイト

Thu, 21 Jun 2007 10:01:15 +0900

携帯サイトの開発に便利なツール・サイトまとめ。 ■必須ツール ■あると便利なツール ■各キャリアの技術ページ ■ゲートウェイの一覧ページ ■検索エンジンにサイトを登録 ■非公式だけど便利なサイト ■クローラー判定 ■メール設定のURLリンク先 ■ユーザIDの設定ルートウノウラボ Unoh Labs: 携帯開発向けに便利な支援ツール/サイト

PHPでの携帯電話とPCの分岐

Thu, 07 Jun 2007 11:59:33 +0900

同じURLでPCと携帯で分岐させる方法はよく使いますよね。ネットマニアさんでも紹介していたので引用。分岐にはUserAgentを取得して、それが携帯電話だったら携帯用ページへ転送する方法です。以下がソース。＜?php $user_agent = $_SERVER["HTTP_USER_AGENT"]; if(ereg("(DoCoMo|J-PHONE|MOT|Vodafone|SoftBank|UP\.Browser|KDDI|DDIPOCKET|WILLCOM| ASTEL|PDXGW)",$user_agent)){ header("Location: mobile.php"); exit; } ?＞既存のPHPファイルに上記7行を追加するだけでＯＫ。携帯のUserAgentが含まれていた場合は「mobile.php」へ転送。 header("Location: mobile.php"); パソコンからのアクセスはそのまま表示されます。 ファイル構成としては index.php　　　分岐用＋パソコン用ページ mobile.php 　　携帯用ページとても簡単にできます。サンプルファイルはネットマニアさんでダウンロードできます。 ※携帯電話とPCの分岐サンプルファイル

携帯電話サイト作成ツール

Thu, 24 May 2007 10:12:29 +0900

携帯電話の各キャリアが定めるフォーマットに対応したQRコードシンボルを生成するプログラムです。生成されたシンボルはビットマップ、JPEGファイルとして保存できます。ファイルや画面上のQRコードシンボルを読み取る機能も備えています。対応会社 DoCoMo au SoftBank QR Code Editor ツールを一覧表示

携帯電話向けコンテンツの書き方(ウェブの作り方)。

Thu, 24 May 2007 10:01:53 +0900

携帯サイト向けの制作手順などが詳しく書かれたサイト。勉強になります。携帯電話向けコンテンツの書き方。

携帯サイト用のcssを書くポイント

Mon, 21 May 2007 15:13:17 +0900

ブログでは携帯でPCサイトのアドレスを入力すればテキストベースでサイトが閲覧できることが多いいが、自分で構築したサイトも携帯に対応させる為には、cssの調整は必須になる。 media typeで携帯に対応させることによって使い分ける方法をメモ詳細はコチラ

携帯絵文字自動変換

Tue, 30 Jan 2007 11:35:07 +0900

最近携帯サイト作成も少々携わっているわけですが、ネックとなるのが携帯３社に合わせたページ。特にページを華やかにする為に絵文字を使いたい場合、２種類又は３種類のページを作る必要があります。しかし「PHP携帯絵文字自動変換」を使えば、作成するのは１種類だけ。ページはPHPで作成し、その中に絵文字のバイナリコードを入力すると、各キャリアに合わせて絵文字を自動変換してくれるのです。これで各キャリアに合わせる煩わしさから開放されます。但し、Docomoとauは絵文字の自動変換機能があるので、Softbank対応のスクリプトということになります。その設置方法も、通常のPHPページに絵文字変換スクリプトを読み込ませ、絵文字を表示したいところに関数を入力するだけと、非常にシンプルなつくりです。FTPでアップするだけで使えます。これを使えば製作の手間が大幅に省けます。やはりPHPは便利ですね。 ▼ダウンロード・説明はこちらから ※PHP 携帯絵文字自動変換スクリプト

携帯ホームページ講座

Thu, 26 Oct 2006 10:41:47 +0900

【引用ページ】 http://www.apupu.net/pc/hp/ ◆メールや電話番号を登録してもらう この機能はリンクをを位置付けることによって自動的に携帯に電話番号やメールを登録させることができます。【A href="tel:電話番号" telbook="名前" kana="半カナ名前" email="メールアドレス"】アドレス張に登録する【/a】アドレス帳に登録するになり、いわゆる電話番号ブックマークができるわけです。テルブックマークといいます。もちろんPCでも意味がありません。 iモードは503以降の機種で対応しています。その他のキャリアは未対応。 ◆ダイレクトキーを使えるようにする 携帯電話各キャリアではダイヤル数字キーなどをつかって操作できるようにする方法があります。PCでは使えません。例えば 1.りんご 2.みかん 3.バナナという具合に仮にリンクが３つあったとすれば、わざわざバナナのところまでカーソルをあわせなくても数字の3を押せばすぐジャンプできるような機能です。【a href="http://www.apupu.net/i/" accesskey="1"】①【/a】をクリック ①をクリック上部のように表示され、数字の１を押せばジャンプします。 accesskey="" 使える文字は0～9、#,*です。すべてのキャリアに対応。vodafoneの場合directkeyとしてもかまいませんが、他のキャリアに対応していないので意味がありません。もともとiモードのタグだったのですがvodafoneが後から対応した形となっています。 ◆文章をインデントする 【BLOCKQUOTE】～【/BLOCKQUOTE】ブロッククウォートタグを使います。例）一行目です。【BLOCKQUOTE】二行目はインデントされています【/BLOCKQUOTE】 ◆スペースを入れる 　を使います。半角スペースを挿入したい場合、を使います。 1 2 3 ◆<>の文字を使う> < を使います。「>」は> 「<」は< で表記します。ソース上では「>」や「<」はタグの一部に使います。ですから普通に<>を使ってしまうとタグとプログラムが思ってしまいます。よってページ上でこの<>を使う場合は> <を使う必要があります。

携帯サイトの作り方

Thu, 26 Oct 2006 09:27:05 +0900

【引用ページ】http://www.limy.org/program/mobile/list1.html ファイルサイズの制限 画像も含めて5Kbytes程に収めなければなりません。 i-mode …初期の機種は全体で5K。FOMAでは30K(全体では100K)。 Vodafone …初期の機種は全体で6K。3GC端末では10K(全体では300K)。 EZweb…全体で9K。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 JavaScript これも一切使えません。 クッキー、セッション クッキーはVodafoneの比較的新しい機種なら使えるようです。 i-mode、ez-webでは技術情報でクッキーについて触れていないので不明ですが使えないと思った方がいいでしょう。 メーカーによる違い PC向けサイトでも、ブラウザによって動作やレイアウトが異なるといった事はありましたが携帯向けサイトにおいてもその傾向は無くなりません。

携帯共通サイトを作るにあたって 文字コードはShift_JISにする そして、METAタグは必ず入れるようにします。 【meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"】 画像について i-mode … 全ての機種で対応しているのが GIF です。 2003年以降発売の機種では JPEG も使えます。 Vodafone…全ての機種で対応しているのが PNG / JPEG です。 3GC端末(2005年以降発売)では GIF も使えます。 EZweb …全ての機種で対応しているのが PNG です。 2001年後半以降発売の機種では JPEG に、 2003年以降発売の機種では GIF にも対応しています。 ※以上を踏まえると、JPEGならば2003年以降発売のほぼ全機種で使うことが出来ます。 GIFはVodafoneの対応が若干遅いのですが、他の2メーカーなら2003年以降で対応しています。 PNGはi-modeが対応していないので止めた方がいいでしょう。 ※ i-modeさえ対応すれば、おすすめのフォーマットはPNGなんですが… 画面サイズ これは機種によって様々ですが、とりあえず横幅20(全角10文字)で作っておけば大体の機種には対応できそうです。縦幅は8行～10行が目安。

ビューアについて i-mode …iモードHTMLシミュレータII ez-web…Openwave SDK Vodafone…ウェブコンテンツヴューア 2006/9現在、2006/2/17までに発売された全てのVodafone携帯端末に対応しているという事です。 ■全ての携帯からアクセスされることを考えればこれら3つ全てのビューアで確認するのが良いのでしょうが、さすがにそれは面倒です。通常はどれか一つのビューアで確認をすれば充分でしょう。個人的には獵ウェブコンテンツヴューアが一番使い易くお薦めです。

Tips ファイルサイズを縮小する 改行を減らすタグの使用は必要最小限にするダブルクォーテーションは極力使わない【div align="right"】→【div align=right】他にもINPUTタグのname属性など、ほとんどの場合でダブルクォーテーションは必要ありません。例外として、属性値にシングル（ダブル）クォーテーションを含む場合にはダブルクォーテンションで括ってやらないといけません。