ホームページ制作ブログ引っ越し作業中です
お久しぶりですアベです。
サーバの引っ越し作業中です。
さくらレンタルサーバにのりかえます。
ついでに旧ブログのログも技術系エントリーのみに再編集して移植しています。
暫く表示が腐ってたりします。
すみません。
ドメインのDNSの浸透が遅くてイライラする~!
HEROES携帯版公開!
HEROESの携帯版が本日昼頃公開!
HEROES本体+大塚明選手ら千葉ロッテマリーンズの選手5名のサイトが携帯からも見れる様になりました!!
- HEROES もっとスポーツを楽しもう
- http://mobile.heroes.ne.jp/
- 千葉ロッテマリーンズ大塚明公式サイト
- http://mobile.heroes.ne.jp/ohtsuka
- 千葉ロッテマリーンズ塀内久雄公式サイト
- http://mobile.heroes.ne.jp/heiuchi
- 千葉ロッテマリーンズ青野毅公式サイト
- http://mobile.heroes.ne.jp/aono
- 千葉ロッテマリーンズ内竜也公式サイト
- http://mobile.heroes.ne.jp/uchi
- 千葉ロッテマリーンズ大嶺祐太公式サイト
- http://mobile.heroes.ne.jp/ohmine
※携帯からしか携帯版は見れません。
今回はコーディングだけじゃなくてPC版のデザインを元にデザインもウチがしました。
携帯サイトのデザインって単純に見えてファイル容量・キャリアごとの制約・ユーザビリティの特殊さとか注意しない事がいっぱいあって結構大変なんです。
それを全部ふまえつつKさんのPC版素敵デザインをどこまで忠実に携帯版化出来るかで凄く悩みました。
まだまだ勉強中なので使いづらい所とかあったら教えてね!
画像の拡張子の切り替えとか絵文字の出力とかローカル環境の整備とかプログラマのアッキーさんに滅茶苦茶苦労&お世話かけつつ出来上がったので是非携帯からアクセスしてみてね!
デザイン渡した時にアッキーさんに「相当忠実に再現してんね」って言われて嬉しかった。
何かWebに関してはプログラマさんに褒められんのが一番嬉しいかもしんない。
何か「プログラマ」ってだけで褒め言葉にものすごい説得力ある気がすんだよね。何でも知ってるし。
生まれ変わったらプロ野球選手かおまわりさんかプログラマになりたいなぁ。
MAMP×CakePHPでBake使ってモデルを作ったらエラー
モデルを作ろうとしたらターミナルに以下の様に聞かれたので
---------------------------------------------------------------
Interactive Bake Shell
---------------------------------------------------------------
[D]atabase Configuration
[M]odel
[V]iew
[C]ontroller
[P]roject
[Q]uit
What would you like to Bake? (D/M/V/C/P/Q)
Mって答えたら
Warning: mysql_connect(): Can't connect to local MySQL server through socket '/var/mysql/mysql.sock' (2) in /Applications/MAMP/htdocs/うんたらかんたら
って言われた。
Google先生に聞いたらMAMPの人はこのエラーが出るらしい。
cd /var
sudo mkdir mysql
sudo ln -s /Applications/MAMP/tmp/mysql/mysql.sock/var/mysql/mysql.sock
って打つと治るらしい。
意味はさっぱり分からないけど打ってみたらモデルが作れる様になった。わぁい。
CakePHPで何か作ろうとしたとき最初にやること
開発環境
- Mac OS 10.4.11
- MAMP使用
- CakePHP 1.2.1.8004
/app/config/database.phpの設定
MAMPの場合こんな感じ。
本番環境の時はhost・login・passwordを借りてる鯖のモノに変更。
接頭語はDBが1個しか作れない場合必要。
MAMPだといくつでも作れるけど本番環境はさくらかロリポの予定なので
1個しか作れないからローカルで作る時もつけてみた。
class DATABASE_CONFIG {
var $default = array(
'driver' => 'mysql',
'persistent' => false,
'host' => 'localhost',
'login' => 'root',
'password' => 'root',
'database' => '●データベース名●',
'prefix' => '●接頭語●_',
);
var $test = array(
'driver' => 'mysql',
'persistent' => false,
'host' => 'localhost',
'login' => 'root',
'password' => 'root',
'database' => '●データベース名●',
'prefix' => '●接頭語●_',
);
}
/app/config/core.phpの設定
何だか難しい事は良くわからないのでとりあえず変えた所。
開発中のデバックモードのレベルの設定
- 変更前
Configure::write('debug', 2);- 変更後
Configure::write('debug', 3);
3がMax詳細だから3にしてみた。
本番環境に上げる時は0にするんだよ。
管理者用アクションにアクセスできるようにする
- 変更前
# Configure::write('Routing.admin', 'admin');- 変更後
Configure::write('Routing.admin', 'admin');
管理画面を作りたかったら#を消す。
大概Cake使おうってサイトは管理画面作りたいよね。
管理画面のURlはこう↓
http://●サイトのURL●/admin/●コントローラー名●/●アクション名●
セキュリティ用の任意の文字列を変える
- 変更前
Configure::write('Security.salt', 'DYhG93b0qyJfIxfs2guVoUubWwvniR2G0FgaC9mi');- 変更後
Configure::write('Security.salt', 'genkainadanoshiokazenikitaeshitubasatakumashiku');
何か良くわかんないけど変えるらしい。
後で変えたり変わったりするから今は適当にいざゆけ若鷹軍団の歌詞を入れてみた。
携帯からこんにちは
使ってるサーバがPHP5対応になったので携帯用プラグインをMobile Eye+からKtai Styleに変えてみた。
こっちは絵文字が使える上テンプレートもいじれるらしい。
暇を見てカスタマイズしよ〜っと♪
ついでに例のプロジェクトOP用にモバイルサイトを個人的に開発中です。
CakePHPで掲示板と簡単なページを作ってみようかと。
執筆の合間だからいつ完成するか分かんないけど頑張ります!
やっぱWeb遊びも好きだからやめらんない!
ドアラとレオくんが阿部家に

先週の土曜日、友達の結婚式から帰って来たらセゾンカードから30cm四方の段ボールが届いていた。
明けてみたらレオくんがおすわりしていた。
で……か……い……。
相当にでかい。
タグに「おすわりレオくん特大」と書かれていた。
どうやら優勝セール時にセゾンカードで1000円以上買った人の中から抽選で300名様に当たるキャンペーンをやっていたらしい。
知らずにベーグルを大量購入していたワタクシ。
倍率結構高そうなのに当たっちゃった〜♪うわぁい♪
西武の30周年記念ロゴ入りのユニ&今期からユニチェンジだから結構貴重なモデルじゃない?
もっふもふで超可愛いの〜!
毎晩一緒に寝ております。
ドアラは会社の皆様からの餞別でもらったフィギュアです。
超出来が良くて食パンとかトンボとか小道具めっちゃついてるの♪
週1くらいでポージングを変えて楽しんでいます。
すごい動くよこのフィギュア!
ポーズモデルできそうな位に柔軟かつ精密な関節駆動!
素晴らしい!
耳毛がもっふもふで超キモ可愛いの〜!
ちなみに餞別の他に忘年会のプレゼント交換でもう一体ドアラが当たりました。
そっちは保存用でパッケージを開けずに飾ってあります。
楽天ボールは仙台行った時にキャッチボールして遊ぶのに買った奴。
サイン用だから超カタくて痛いw
(つかこれazちゃんが買ったんじゃなかったっけ?ごめん。なんかウチもって帰って来てた……orz)
ハリーさんテーブルは福岡時代にダグアウトの改装かなんかで安売りしてて500円で購入。
以降炬燵と布団の間に置いてサイドテーブルとして大活躍。
枕元がいよいよもってカオス化してきました。
もはやどこファンなんだろう?
HEROES セカンドキャリア企画 第三弾公開!
3年前からHEROESという千葉ロッテマリーンズ 外野手 大塚明選手の主催で運営されているコミュニティーサイトの制作に参加しています。
野球&コーディング馬鹿もココ迄行けば天晴だろう!という数少ない自慢です。
(他には円周率の小数点以下がいっぱい言えるのが自慢です。)
3年前、HEROESの初期制作スタッフ募集が里崎選手のサイトに出てて
「こんな募集が出てるから応募しろ!」とメールをくれたのが友人・azちゃんでした。
これに応募してなかったら今の自分は無かったと言う位
結構自分の人生の中でおっきなできごとでした。
azちゃんとは野球にハマった翌年に例の合併反対デモに参加したとき知り合ったんですが
年末ミステリーツアーin八王子城跡レポートを主催したり(フォトギャラリー3枚目)
いきなり「明後日フルスタ(仙台)行かない?」と言って来たり
いつも仲よくしてくれるアグレッシブなお嬢さんです。
そんな彼女が、最近HEROES上ではじまった企画「ユニフォームを脱いだ選手たち~セカンドキャリア奮闘記~」にライターとして参加してます!
本日正午公開になった第3回がazちゃんの書いた原稿です。みなさまぜひ見にきて下さい♪
余談ですが。取材前日、我が家で一緒にazちゃんの名刺をつくりました。
ライターさんの名刺って紙面シンプルだけど紙の素材凝ってて可愛いの多いですよね。
コーディングは全部ウチがやってるんですが友達の書いた原稿かと思うとなんか嬉しかったっす。
管理画面の公開ボタンもウチが押してるんですがいつも以上にドキドキした!
友達と一緒に仕事ってなんか楽しいよね!
にしても、今見るとコーディングが酷い。3年前の自分もうちょっとがんばれ!(笑)
A8.net×楽天サーチのキーワードリンクを表示する
PHP練習第一弾です。
練習とはいえ「どうせ作るなら実用的なもんを!」とチャレンジしてみました。
本当に勉強しはじめの素人が書いたものなので突っ込みどころ満載かと思います。
詳しい方の突っ込みコメントお待ちしてます。
楽天
の商品検索結果にアフィリエイトリンクを張るだけのシンプルなもんです。
アフィリエイトはA8.net
を利用しています。
PHP
<?php
function adKeyWord($keyword,$query){
// 検索キーワード指定が無い場合表示キーワードで検索
if($query == null){
$query = $keyword ;
}
// A8の楽天アフィリエイト用URL
$a8mat = '●あなたのアフィリエイト用URL●';
// 楽天サーチ ウィンドウショッピングモードで安い順に並べる
$search = 'http://esearch.rakuten.co.jp/rms/sd/esearch/vc?s=2%26v=3%26sitem=';
// アフィリエイトURL生成
$url = $a8mat.$search.urlencode(mb_convert_encoding($query,"EUC-JP","UTF-8"));
echo '<a href="'.$url.'">'.$keyword.'</a><br />';
}
?>
HTML
検索キーワード指定: <?php adKeyWord('●表示キーワード●','●検索キーワード●') ?>
検索キーワード省略: <?php adKeyWord('●表示キーワード●','') ?>
表示例
検索キーワード指定: ソフトバンク
検索キーワード省略: ソフトバンク
準備
あなたのアフィリエイト用URLを取得します。
A8.netに登録してアフィリエイト用のアカウントを取って下さい。
テキスト付き簡易リンク作成画面にリンク先URLとリンク対象テキストを適当に入力して作成ボタンを押します。
作成されたURLのリンクタグにある「http://px.a8.net/svt/ejp?a8mat=●ここが人によって異なります●&a8ejpredirect=」の部分があなたのアフィリエイト用URLになります。
PHPの●あなたのアフィリエイト用URL●の部分にコピペしておいてください。
リンクの表示方法
●表示キーワード●に表示させたいキーワードを入力して下さい。
例】ソフトバンク
●検索キーワード●に楽天で検索したいキーワードを入力して下さい。
例】ソフトバンクホークス
検索キーワードは空でも大丈夫です。
表示キーワードと検索したいキーワードが別の場合は入力して下さい。
空の場合は表示キーワードで検索します。
複数ある場合は半角スペースで区切って下さい。
感想・工夫した点
以前A8で2年位バイトしてたのでA8の楽天アフィリエイトURLの仕組みを知ってたので割と簡単に出来ました。
アフィリエイトURL生成の際にキーワードをEUC-JPに変換した上でURLエンコードするのがミソかなぁと。
(元々EUC-JP使って書いてる人は多分ここの処理いらないので外しちゃって下さい。)
表示させたい文字列と検索キーワードを分けたのがこだわりです。
理由は上の例を見れば明白かと思うのですが
表示キーワードによっては意図した検索結果が得られない事がある為です。
ウチが言う「ソフトバンク」は大概「ソフトバンクホークス」(野球)の事なんです。
が、一般的には携帯の方が連想されるらしく、楽天の検索結果も例によってそうなんですよ……。
だもんで携帯関連商品が上位に出てくる……。
こりゃ困ったぞ。
と、言う訳で
表示は「ソフトバンク」にしたいけど検索は「ソフトバンクホークス」でしたい!
って時に便利かなと思って分けました。
注意事項
飛び先が検索結果というちょっとインチキ臭いリンク方法になるので
多分大丈夫だと思うけど、A8が不正と判断する可能性があります。
その場合、報酬は発生しないので自己判断でご利用下さい。
でも個別商品リンクだと品切れになったり削除されたりする事があるので
検索結果へのリンクの方が便利なので多めに見て欲しいな。
携帯サイト制作はドキュメントタイプXHTML 1.0 Transitionalがオススメ
前提条件
- 携帯サイトで<div>や見出し(<h1><h2>…など)に背景色をつけたい
- <p>はdocomoで上下にスペースが空きすぎて使いづらい
- 携帯サイトでもW3C準拠のソースを書きたい
全てに挙手っていうウチと気が合いそうな人にはXHTML 1.0 Transitionalをオススメします。
あなたとはとても仲良く出来そうです。
ついでにパ・リーグ好きだったりしたら付きあって下さい!位の勢いですw
理由
携帯サイトなら本来だと<!DOCTYPE HTML SYSTEM “html40-mobile.dtd”>が妥当です。
でも<div>や見出し(<h1><h2>…など)に背景色をつけたい場合、docomoはXHTMLじゃないとアウトです。
更にdocomoはページ内リンクが<a name=”hoge”>にしか飛べない(idには飛べない)ので<a name=”hoge” id=”hoge”>と記述します。
個人的に<p>はdocomoで上下にスペースが空きすぎて使いづらいので<p>は使わず<div>内にテキストなどを直に記述します。
XHTML1.1はStrictのみだから文法的にアウト。
以上をふまえて正しくマークアップすると出来上がった文書はXHTML 1.0 Transitionalが妥当です。
コピペ用にソース置いておきますね。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ちなみにdocomo・au・softbank各キャリア独自のドキュメントタイプもありますが、W3C万歳派なウチは使うのに抵抗があるので使いません。
IEの独自拡張仕様使うみたいでものすごく気持ち悪い。
プログラム側でUA判別してそれぞれ適合したのを吐くならその限りではないです。

