Blog | sevenstyleweb: 2008年2月アーカイブ

javascriptで時計。Polar Clock

2008年2月29日 19:41

javascriptのprototype.jsとexCanvasというライブラリをもってきて、色々ごにょごにょすると、時計チックなものができるとな。でもこれって、IEには対応できていないという。その理由は、IEはCanvasタグをもっていないからだとのこと。

まぁ、テストというか遊びとして楽しめるのではないでしょうか。
こちらも、この週末に色々やってみようと思います。

http://snipersystems.co.nz/community/polarclock/polar.html

javascript | comment(0) | trackback(0) | ▲

GETとPOST

2008年2月28日 17:41

PHPのGETとPOSTの間にあるひとつの使い分けについてとある掲示板に記載があって、ちょっと参考になったんで、メモ。

「ある程度以上のデータ量はpostで」

というのが慣習になったっぽい。

PHP memo | comment(0) | trackback(1) | ▲

GlassBox～VistaっぽいLightBox パラメータ系

2008年2月28日 17:18

さてGlassBoxの各パラメータの説明簡単に。。
・init

myGlassBox.init( 'myGlassBox', '450px', '360px', 'hidden', 'white' );

初期化します。
第１引数：id名、第２引数：幅、第３引数：高さ、
第４引数：オーバーフローしたときの設定、第５引数：ボーダーのスキン

・vscreen

myGlassBox.vscreen( '50px', '5px' );

位置の設定　第１引数：左位置、第２引数：マージン

・ipos (inline position)

myGlassBox.ipos();

オブジェクトのインラインポジションの設定

・apos

myGlassBox.apos( '690px', '35px' );

オブジェクトの絶対位置を設定。

・lbo

myGlassBox.lbo( true, 0.50 );

第１引数：LightBoxのように表示するか否か、第２引数：透明度の設定。

・appear

myGlassBox.appear(3000);

表示するための時間。

・draggable

myGlassBox.draggable();

オブジェクトをドラッグできるようにする

・zindex

myGlassBox.zindex('100');

オブジェクトのz-indexを指定するためのもの

javascript | comment(0) | trackback(0) | ▲

GlassBox～VistaっぽいLightBox

2008年2月28日 10:43

新しいやつがでてきた。LightBoxの改良版みたいなやつで、
すんごいおもろー！（世界のナベアツ風）

http://www.glassbox-js.com/

えっと使い方ですが・・・。

１．スクリプトの読み込みをする。

<script src="glassbox/glassbox.js" type="text/javascript"></script>


２．divタグでid(class)をふって、コンテナを一つつくる。

<div id="myGlassboxContent">

</div>

３．で、スクリプトを初期化。ほんで、id~~(class)~~渡して・・・

<script type="text/javascript">
var myGlassBox = new GlassBox();
myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' );
myGlassBox.apos( '290px', '35px' );
</script>

４．指定したdivタグ内に色々書き込むって感じ・・・みたい。

それぞれパラメータもあるみたいだし、XMLの読み込みなども色々でけるみたい。
このあとちょろっと時間を見つけてサンプルを作ってみます。
ちょっと表示がおもいけど、なんかおもろー！（世界のナベアツ風）。

javascript | comment(0) | trackback(0) | ▲

ページ全体に枠をつけるCSS

2008年2月27日 19:48

http://css-tricks.com/css-trick-creating-a-body-border/

タイトルの内容ですが、「お！」と思ってみてみたら、「そりゃそうやろ」って思った。

<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>

を作って、CSS指定。

そりゃそうじゃ。ただ、この<div>にはまったく意味がないにょ～。
表現上必要なタグとはいえ、これは不要でごじゃるな。と思ってしまう。web標準にこだわりすぎか？

CSS | comment(0) | trackback(0) | ▲

CSSでちょっとおかしいぞ？何があった？

2008年2月26日 23:19

仕事・・というか、会社で使う内部サイト制作を行っているけど、思ったようなCSSの状態になってくれない。

<html>
    <head><title>CSSでおかしい</title></head>
    <body>
       <div id="header">
          <h1>見出し１</h1>
          <ul>
             <li>aaa</li>
             <li>bbb</li>
          </ul>
       </div>
    </body>
</html>

ざっと言えば、こんなHTMLを書いていて、（かなり雑な感じですが・・・）
で、CSSで

#header{
    height:60px;
    background-image:url("画像パス");
}
#ul{
    margin-top:20px;
}

っておいたら、#headerのほうにマージンがかかってしまう。どうもFirefoxだけっぽい。
うーん、おかしい。もう少し調べてみようと思うけど・・・。なんかぼやーっとしてるんだろうか・・・。どーんとした基本部分で間違っているような気がしてならない・・。

ってことで調べてみたら・・・

「相殺」というワードが。
つまりは

親ボックスに border と padding が指定されていないとき、
子ボックスにマージンがあると、両ボックス間でマージンの
相殺が行われる

ということらしい。
これがIE7ではブラウザの実装差異によって、問題なく表示されるとのこと。うーん、勉強になる。

んが、しかし、よくこれまで、この状況にならなかったなぁと逆に自分を思った。
ちょっと調整してみようっと。

CSS | comment(0) | trackback(0) | ▲

PHPでメモリがたらないよーってなエラー。

2008年2月25日 15:44

Fatal error: Allowed memory size of　○○○○ bytes exhausted (tried to allocate ○○○ bytes)

というFatal errorが表示される。
これは、要は「兄さん、ちょっとその処理するほど、広い机持ってませんねん、すんませんな」という感じ。

これを回避するには、その机をひろーくとってあげればいい。

その設定方法は、php.iniにある、
memory_limit=8M←デフォルト。
これの数値を変えちゃえばいいわけです。

とりあえずそのメモでした。

PHP memo | comment(0) | trackback(0) | ▲

本の紹介

2008年2月25日 11:24

ここ最近に読んだ本の紹介。

いわずとしれたおちまさと氏の本。最新作ですが、この本１日で十分に読める内容。結構おもしろい。というか勉強になる。内容はスキルアップについて。スキルアップって難しくないよー的なこと。
別においらは転職するつもりも毛頭ないのですが、おちさんの本が結構好きなので、購入して呼んでみた。ということで。

地頭力というよりも、ようはものの考え方。というかその習慣。結構企画を作るという意味でも参考になる。これは複数回読みたい本だ。

んで、今読んでる本。

食い逃げされてもバイトは雇うな！というタイトルの下巻。なのに、それが大間違い！なんとまぁ！ということで早速購入して今読み読み中。今回もまたいい数字と悪い数字について。
結構戦略としても役にたつし、一歩引いていろんなものがみれるようになりそうだ。うん。

紹介 | comment(0) | trackback(0) | ▲

MT4.1へ移行

2008年2月22日 15:02

MT4.0から4.1へ移行しました。というのも、仕事の案件の関係で、移行した状態がみてみたかったってのがあります。・・・で、これから色々設定などを行うことがあるかもしれませんので、ときどきフォームがくずれる可能性もあったりしますでしょう。ということで、ちょっとの間様子をみちゃってください。

仕事 | comment(0) | trackback(0) | ▲

セカンドライフ　ボイスチャット

2008年2月20日 11:19

昨日、SL内のWasedaにて、株式会社マグスル代表の新谷卓也社長と民主党参議院議員の鈴木寛氏の対談イベントが開催された。そこではボイスチャットで会話をする二人と、それを聞きにきているオーディエンス。
今までSLのボイスチャットへの精度の低さを理由に、基本的にボイスチャットを使わない方向でSLを使っていた。

しかし、

昨日のイベントへ行ってみてそれが間違っていたことが判明。
人数も結構（・・・といっても２０人強かな？）いたけど、音声が途切れ途切れになることもなく、
しっかり聞き取れた。

内容もすばらしいことが多く、セカンドライフでの色々を探している自分にとっては、すんごく励みになった。
内容もすばらしいながら、オレは今回、ボイスチャットの制度アップ、そして、その機能のすばらしさに感動したのでした。
これは色々使えそうな気がするけどなぁ。対談とか、講義とか。

例えば、今オレは東京にいます。
東京にいてすごくいいなぁと思うことははっきり言って少ない。けど。いいなぁと思うのは、セミナーや講演会や、いわゆるイベントの多いところ。
地方にいるとその数は全然違う。でもそんなのを地方の人も求めている。実際、アシの問題などもあって、参加できていないだけで、実際は興味深深な人は多いはず。ですよね。

ってことは・・・、チャンスあるかなぁ。

SecondLife ボイスチャット | comment(0) | trackback(0) | ▲

サイバーガーデン　ハイレベルCSS実践講座に参加してみて・・・。

2008年2月19日 10:59

前回のエントリーにも書いたけど、サイバーガーデンさんの「ハイレベルCSS実践講座」ってもんに参加してきた。
結論を先に申しますと、「すんごいためになった」ということ。益子さんの話をみっちり聞こうと、一番前の席を確保。

しかし、益子さんは人にモノを教えるのがすんごいうまいなーと思った。というかプレゼン能力、コミュニケーション能力に長けている感がヒシヒシと伝わってきた。

１０時から１９時までの長丁場だったけど、それを感じさせないくらいのすんごい充実感。

その時のことをダイジェストでメモ。あくまでメモなので、適当な具合はあしからず。感じたことも交えて・・・。

・CSSハックは使わないほうがいいのがいいんだけど、使わないと無理なことがあるから、結局使わなきゃね。

・ブラウザには「実装不備」と「実装差異」が存在する。
　「実装不備」はAcid2 Testをクリアするブラウザが増えていることで、少なくなってきている。
　「実装差異」はもともとのブラウザの仕様に基づくもの、
　つまりブラウザの個性の部分なので、ここは今後もなくならない。
　⇒ということで、CSSハックは必然的になくならない。

・ブラウザというのは、そのページを見る人によるから、サイトのターゲットユーザによって利用バランスはマチマチ。

・IE5への対応に関しては、「ほどほど対応」がベストかな？IE7への移行手続きも自動アップデートで始まることだし・・・。
　⇒「ほどほど対応」：レイアウトが大幅に崩れない程度に。細かいことは気にしない。

・リセットスタイルの適用を。今ユニバーサルセレクタ方式のリセットは少なくなってきている。
　⇒【理由】
　　　一部のブラウザでのフォームパーツのくずれ
　　　ブラウザのデフォルトスタイルのよい部分を失う
　　　ページの表示速度が遅くなる。

・CSSでのフォント指定は、「和、英」で表記するとSafariでいきる

・DDTT、エラスティックレイアウトはテキストの見切れを防ぐことが一番の目的⇒ボックスしていに"em"をつかう

・文書構造上必要なものをデザインの都合上非表示にするなど、合理的な非表示はスパムではない
　⇒ただ、非表示にする際には、オフレフトか、overflow:hiddenがベスト。
　　display:none、vidsibility:hiddenは読み上げソフトでも読み上げられない。

・エラスティックレイアウトの限界をきちんと知ること。
　⇒無限のフォントサイズに対応できるわけではない。アップサイジングは3倍～4倍を目安。
　　画像は大きくなりましぇん。（将来的にはベクター画像の埋め込みになるかもめ）
　　グラデーション画像には注意が必要。⇒約３倍のものをつくるべし。

・CSSハックを使うときは、ブラウザごとに別ファイルにしましょうね。

・CSSハックを使うときは個別性での上書きなので、きちんとセレクタを書きましょうね。

・プリント用のCSSは、リンク名を表記してあげるのが、すんごく気が利いている。
　a:after{
content:attr('href');
}

・スクリーンの表記をそのままプリントに出すのは、ほぼ不可能とクライアントにはわかってもらうことが大事。
　⇒だってブラウザごとに違うんだもん。

・モバイルの見栄えはOperaを使うといいよ。スモールスクリーンモードがあって、便利。

・携帯はキャリアごとにCSSの対応が違う。iモードは外部のCSSを読んでくれない

・iPhoneやiPodTouchはHandheldではなく、スクリーンと考えるのがいい

・aタグには、疑似クラスfocusも指定するのが気が利いている。（マウスで操作するばかりじゃないよ）

・js系のマウスイベントは、対で考えておくべきものがある。
　⇒onclickとonkeypress、onmousedownとonkeydown、onmouseupとonkeyup

こんな感じ。
８時間あってこれだけ？って感じをもった貴兄。よく聞けい。全部紹介したら、ぼくが自腹で払ったお金の意味がないじゃん。ということで。

しかし、このノウハウが今の会社で活かすことができるのは、いつになることやら・・・。

CSS | comment(0) | trackback(0) | ▲

サイバーガーデンの講座に参加。

2008年2月16日 12:31

ハイレベルCSS実践講座というものに参加中。
エラスティックレイアウトのやり方などを午前中に取得。今日はこれから19時までずっとコーディングの嵐。
結構楽しくやってます。

このことはまた後でゆっくりとご報告。

CSS | comment(0) | trackback(0) | ▲

imagetips(β)ちょっとバージョンアップ

2008年2月15日 16:56

以前に公開した、imagetipsのβ版。ちょっと機能を追加したのだ～。それは作成されたカラーチップをじゃじゃーんと並べてみた。んで、ちゃんとそのコードも記載。これまたPHPで制御しております。

あそんでみてくださいな。

次の追加機能はなんにしようかな。。。

ココからどうぞ。http://sevenstyleweb.com/imagetips/

PHP 画像関係 | comment(0) | trackback(0) | ▲

file_exists関数【PHP】

2008年2月14日 17:24

PHPでメモ。ファイルの存在を判断するための関数「file_exist()」はファイルだけではなく、ディレクトリの判断にも使える。
つまり、
引数にファイル名を指定するとファイルの存在の有無を、
引数にディレクトリまでを指定するとそのディレクトリの存在の有無を返してくれる。

あればtrue。

ちょっと仕入れた情報なので、メモ。

PHP ファイル操作 | comment(0) | trackback(0) | ▲

ネット視聴率という考え方とか。思うままに。

2008年2月14日 11:07

とある雑誌に、これからのネットの指標において、PV(ページビュー)は意味を持ちにくいという感じの記事が書かれていた。確かに、そこはオレも疑問を持っていたところ。仮にPVだけを指標に考えるならば、「社員がブラウザのホームを自社サイトに設定しいれば、（フィルタリングをかけていなければ）それなりのPVは獲得できる」という構図が出来上がるから。

まぁさすがにセケンのしっかりした企業はそんなことはしていないと思うが・・・。

そこで、出てきたネット視聴率という考え方。滞在時間なども考慮した指標になるのだろうけど、まだ詳しくはわかっていない。webサイトの目的は、「ただある」ということではなく、「情報を伝える」「（企業なら）販売に結びつける」などといった、もう一歩先の目的があるはず。なのに、「PVのために」という変な感覚をもっている企業が多いらしい。その雑誌にはそう書いてあった。

そんななか、ネット視聴率という言葉でググッてみたら、一つの会社がヒット。ネットレイティングス株式会社さんというところで、いろんなセミナー・データを公開していたり。。セミナーは今予定がないみただけど、今後いってみたいもの。早速メルマガ登録。みていたら、面白い統計データが。

ネットレイティングス株式会社さんの公開している統計データ。
http://www.netratings.co.jp/ranking_NV.html

Yahoo!強い。日本ではやはりまだ根強い人気なんだろうな。俺たちはその業界にいるからか、googleを使っているが、一般的な世界をみると日本ではやはりまだYahoo!の人気はすごい。

なぜだろうと考えてみたら、googleは便利でシンプルですばらしいが、目的がないとちょっと。。。それに比べてYahoo!はどちらかというと、ポータルサイトならではの色々な情報がそこにある（デフォルトで）。もちろん、googleも設定をしたりすれば数多くの情報が眼の前にすぐに現れるが、あくまで「何かをしないとだめ」ということ。そこなのかな。

でも、アメリカでは50%くらいがgoogleだと聞く。ということは、その「手間」の部分ではないのかもしれない。

・・・となると・・・。

と考えたときに、日本人というのは、「のりしろ」好きなのではないだろうか。「のりしろ」つまり「ムダな部分」からの情報を得るのが好きなのではないだろうか。googleに比べて、Yahoo!はポータルならではのいろんな情報が必要不要に関わらず「見える」。この「見える」ところに、発見があり、新たな広がりがあるのではないだろうか。

世の中のすべての人が、「情報を求めている」わけではない。確かに、今の時代情報を求めれば手に入るが、そこはあくまでも「求めれば」。つまり求めるきっかけは、何か「偶然」だったり「思わぬこと」だったり。その「偶然」「思わぬこと」が「のりしろ」にあるんじゃ？

まぁそんなことを考えた。

で、さらにその雑誌の記事に。2008年は「Web標準」だと。Web標準とネット視聴率そして、ちょっと思う「のりしろ」。
なんかこの辺かなぁ。

日記 | comment(0) | trackback(0) | ▲

MT4のプラグイン色々書いてあったサイト。

2008年2月13日 21:36

これまたメモ。

□Movable Type4で使用できるプラグイン
http://bizcaz.com/archives/movabletype/plugins/

MT4でつかえるプラグインをまとめてくれている。すんごくありがたい。これはオススメのエントリーです。
トラバは受け付けていないみたいなので、リンクだけですが・・・。

MovableType | comment(0) | trackback(0) | ▲

フリーフォント

2008年2月13日 21:13

フリーフォント集をとりあえず、メモ。

□1001 Free Fonts
http://www.1001freefonts.com/index.html

□dafont.com
http://www.dafont.com/

□free dingbat fonts
http://www.dingbatdepot.com/Default.php

□マニアッカーズ　デザイン
http://mks.jp.org/

とりあえず。こんなもんで。

仕事 | comment(0) | trackback(0) | ▲

PHPメモ

2008年2月13日 11:41

【PHPから各種ウェブサービスにアクセスするためのライブラリ集】として情報があったので、メモ。
PHPを使って色々簡単なサービスを考えるのはこれから個人的にボロボロやっていこうと思っているけど、こういう情報を提供してくれる人がいて大変たすかる。

今のところ、APIをつかって作ってみたのは、youtubeのAPIを使ってやってみた
【Secondtube】：セカンドライフのムービーを羅列するだけのサイト。色々これをバージョンアップさせたり、また色々実験的に使うのに今後ともこのページは色々情報をくれそう。

http://phpspot.org/blog/archives/2008/02/php_20082.html

ついでにもうひとつ。
http://jonasjohn.de/snippets/php/

なんかコソバユイ処理を色々しているサンプルがたくさん。このあたり使ってまた色々考えてみよう。

PHP memo | comment(0) | trackback(1) | ▲

感謝

2008年2月13日 00:44

家に帰ってみると、不在届けが。そして、宅配ボックスをみてみると、ひとつの段ボール。中には八朔の山。これは、中高のテニス時代にお世話になった人からの贈り物。先日、年始にあったテニスの初打会の写真をプレゼントというか、勝手にこっちから送りつけた感じだったのに、すごく喜んでくれて、そのお返しということみたい。逆に悪かったなぁと思うけど、柑橘系のビタミンが足らない今の自分にとってはすんごいうれしいもの。
さっそく写真をとって、お礼のメールを出した。

結構な数があるから、ちょっとダメにならないように気をつけないと！ということでちゃんと段ボールのケツからあける。いいにおい。

明日の朝さっそくたべよう。

ありがたいことに、皮むき機もついてた。

つながりとはこういうことをいうんだろうなと改めて感じる今日この頃。
デジタルの世界にいながら、アナログにすごくいい気分を求める最近の俺でした。

日記 | comment(0) | trackback(0) | ▲

ArchivePage

2008年2月12日 15:27

さきほどの、PageButeと同じようなプラグイン。

http://www.boundless-ocean.ne.jp/2007/02/archivepage.html#more

こちらも同じようにページの分割ができる。双方同じような扱いになると思うけど、どっちがいいかはわかりません。速度の問題としてみるべきなのかな？とりあえず、今回もメモ。

MovableType | comment(0) | trackback(0) | ▲

PageBute

2008年2月12日 12:39

MTでページを分割してくれるプラグインはないかなーと探していたら、ヒット。

http://www.skyarc.co.jp/engineerblog/entry/2642.html

まだこれから試すけど、とりあえずメモ。しかし、この会社いろんなプラグインを開発してくれていて、非常にたすかる。このあたりのテクニックを少しでも覚えれると色々ちがうんだろうなぁ。

ただ、これ営利目的で使えないようだ。

MovableType | comment(0) | trackback(0) | ▲

本日福岡

2008年2月 8日 17:15

今日は会社の会議のために福岡におります。って先週も福岡におったのですが、先週の無事に入籍〜！から早いものでもう１週間。なにかしたか？となると、仕事した。
本当にそれだけ。

今日は結構早く飛行場に行ったりしたし、昨日若干遅かったのもあって、
今日は今すんごい眠い。半分意識が飛んでる。

これから副社長と食事だが、結構やばいことになるかもしれない。
…というのもやたら眠いのだ。

日記 | comment(0) | trackback(0) | ▲