float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
WordPressではじめてテーマをカスタマイズ・自作するときありがちな10のつまずき – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
今回は【WordPressではじめてテーマをカスタマイズ・自作するときありがちなに10のつまずき】ということで、テーマをカスタマイズや自作していく際、まず最初につまずくであろうポイントを10個、できるだけ簡単にわかりやすく解説してみました。 全部私が実際最初につまずいたポイントなので、きっとはじめてカスタマイズするかたのお役にたてるはず…！ テーマカスタマイズの基礎の基礎編です。 テーマファイルを開いてみて、なにがわからないのかすらわからなくてカスタマイズを断念した、というような方にぜひ見ていただきたいエントリーです。 ざっくり概要がつかめれば、「なにがわからないのかわからない状態」が解消されるので、あとは自分で調べて理解していけるようになるんじゃないかな、と思います。 とりあえず一から作るのは大変だから既存テーマをいじって勉強したい。 今使ってるテーマのヘッダーをオリジナルの画像にしたり
GXmlHttpを使ってPHPに情報を渡す:Geekなぺーじ
（注意！）この記事は、旧APIであるGoogle Maps API version 2を解説したものです。version 2の利用は推奨されていないので、意図的に旧バージョンの情報を探していない場合は、新しいバージョンの解説をご覧下さい。 ここでは、Google MAPS APIでAJAXを行うための基礎的な要素であるGXmlHttpの説明を行います。 前述した例ではXML情報を取得しましたが、PHPからの情報を一方的に読み込むだけでは出来ることが限られてしまいます。 ここでは、自由度をあげるためにGXmlHttpからPHPに対してデータを送信する方法を説明したいと思います。 サンプル 以下のサンプルはGoogle MAPS APIを使ったページのソースです。 今回のサンプルは、クリックする度にクリックした地点をPHPに伝えます。 <!DOCTYPE html PUBLIC "-//W3C
スマートフォン用のサイト作成に役立つテスティングツール７:phpspot開発日誌
7 Useful Tools for Mobile Website Testing | Tools スマートフォン用のサイト作成に役立つテスティングツールが７つ紹介されており、便利そうなものをピックアップしてみました。 サイトチェッカー W3C mobileOK Checker W3Cのモバイルサイトチェッカー。サイトのURLを入れるだけで、対応状態を〜％として表示してくれます。 何を改善すればポイントを上げられるか？についても詳細にレポートしてくれるところがいいですね。 mobiReady URLを入力するとサイトのモバイル対応状態をレポート結果として表示してくれる。 レポート結果は次のようになります 機種が微妙ですが、JAVAをつかったシュミレーターで動作確認できたりします Gomez Mobile Website Readiness Test URLのほか必要情報を入れるとサイトのモ
PHPコードのバグ可能性発見や未使用変数等を解析できる「PHP Mess Detector」:phpspot開発日誌
phpmd PHPコードのバグ可能性発見や未使用変数等を解析できる「PHP Mess Detector」。 pearコマンドでインストールすると、phpmd コマンドが使えるようになり、そのコマンドを使ってPHPコードの最適化ができます。 たとえば、未使用変数は次のようにして解析＆結果が出ます $ phpmd test.php text unusedcode test.php:4 Avoid unused private fields such as '$FOO'. test.php:5 Avoid unused private fields such as '$i'. test.php:12 Avoid unused private methods such as 'foo'. test.php:14 Avoid unused private methods such as 'bar'.
オリエンタルラジオという実験- てれびのスキマ
11月15日、22日に放送された「ブラマヨとゆかいな仲間たち」のゲストはオリエンタルラジオ。前回のエントリと同じコーナーからになってしまうがあまりにも凄かったので、こちらも記録しておきたい。 中田は収録前、スタッフから「本音でお願いします」と言われ「本音になり過ぎたらあまり笑いにならないかもしれませんよ」と返すと「笑い、いりません」って答えられたというようにあまりにも率直に本音を明かしていた。 （というわけで長くなります。） 過去最高レギュラー本数１９本、ゴールデンに冠番組を同時に３本持っていたという全盛期。当時の心境を番組終盤で中田はこう語る。 中田： 正直なこと言うと、どういう感覚なのかっていうと、やっぱり不安ですよね。デビューしてすぐにバーンってF1カーに乗ったような時速３００キロで首がもげそうな感じなんですよ。「ムチ打ち！ムチ打ち！」っていう（笑）。 小杉： 免許取り立てやもんね。
個人ブログの現在、そして、たぶん未来 - 琥珀色の戯言
これを書いているのは、2011年の1月5日です。 いまの時点では、「ホームページ・ビルダー」を使って作られたような「個人サイト」は、もうほとんど死滅してしまっていて、その後隆盛を極めた「個人ブログ」も、すっかり斜陽コンテンツになってしまいました。 5年前くらいのブログ黎明期には、一般の雑誌にも「あなたもブログをつくって、友達作り！ お金も稼げるかも！」というような記事がたくさん載っていたのですが、いまでは、「個人ブログ」を薦める声はかなり小さくなり、『mixi』などのソーシャル・ネットワーク・サービス（ＳＮＳ)や『twitter』が「個人がネット上に発信する機会」の主役となりつつあります。 個人サイトから、個人ブログになって、「更新しやすさ」や「他人とのつながりやすさ」は、格段にアップしましたし、「ネット上で何かを発信するための敷居」も大きく下がりました。それは、とても喜ばしいことだと思う
PHP＋memcachedを使っている場合に便利な「memcache.php」:phpspot開発日誌
Mental notes to myself Blog Archive memcache.php stats like apc.php PHP＋memcachedを使っている場合に便利な「memcache.php」 現在のmemcachedのバージョンや稼働情報、利用領域・空き領域等のグラフ表示等、apc付属の管理画面のUIにそっくりなUIで表示してくれます。 因みに、APCの管理画面は以下のようになっていて、そっくりそのまんまなことが分かります。 使い方は、memcachephp.zipを解凍すると memcache.php が出来るので、中身を開いて、BASIC認証のID/PASSを設定し、memcachedの立っているサーバを指定すればOK。 PHPは使っていなくとも、memcached情報参照用に便利に使えそうですね。
過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ:phpspot開発日誌
過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ。 サービス展開というとOSのチューニングや各種インフラソフトウェアのチューニング、更にはWEBアプリプログラム自体の効率化と、幅広い知識が必要になってきますが、PHPでWEBアプリを作る際によく効くキャッシュテクニックを用途・使いどころ別に説明します。 キャッシュをうまく効かせることで大幅に計算量を減らしてより多くのリクエストを少ないマシンで捌くことが出来、コストを下げたり、過負荷の悩みを減らせます。 個人レベルでのWEBサービス開発の場合、サーバ代がお財布を大きく圧迫しますが、最低のコストでサービスを賄うことに繋げられます、ということでPHPでサービス作ってやろうと思っている人は参考にしてみて下さい。 static変数でキャッシュ 特に何も入れなくてもそのまま使えるstatic変数。例えば、関数等で一定の計算
Titanium Mobile を使って、シンプルなRSSリーダーを作る | バシャログ。
こんにちは！最近はTitanium MobileでiPhoneアプリを作りたいと思っていろいろ遊んでいるtanakaです。 Titanium Mobile は スマートフォンアプリ(iPhone, Android)を作るためのツール群です。 Titanium Mobile を使うと JavaScript を使ってネイティブアプリケーションを作ることができます。 今日はシンプルなRSSリーダーを作る方法をご紹介します。 完成イメージ アプリの大まかな仕様 iPhone をターゲットにします RSSの取得に Titanium.Yahoo.yql を使います 取得した記事一覧を TableView で表示します 記事タイトルがタップされたら記事ページを表示します 準備 開発環境には次の準備が必要です。 iOS SDK(+XCode), Titanium Developer (Titanium を
ブログのプチリニューアルに使った技術要素色々:phpspot開発日誌
ブログのプチリニューアルに使った技術要素色々。 先日、少し頑張ってブログのプチリニューアルを実施したのですが、その際に使った色々な要素をご紹介します。 タイトルも微妙にリデザインしてます まず、当ブログの問題点として、多数ある記事がきっちりカテゴリわけされていないという点がありました。 過去の記事を探そうにも見つけづらくて困るという連絡を頂いたこともあったり。 というわけで、沢山ある記事をある程度自動でオーガナイズしてしまおう、ということで作業してみました。 最初からタグ付けしとけばいいという話ですが、独自の入稿システムがタグを入力できるシステムになっていない事で、既にある５０００以上の記事をいちいち分類するのは面倒なので機械的にやりました。 手間の割には、ある程度いい感じに構築できたかなと思っています。 何か他の仕組みにも参考にして頂ける点もあるかもということでエントリにしてみます。 h
ブログにPDFを直接埋め込めるWordPressプラグイン「Embed PDF」:phpspot開発日誌
WordPress ? DirtySuds - Embed PDF WordPress Plugins ブログにPDFを直接埋め込めるWordPressプラグイン「Embed PDF」。 正式なドキュメントはPDFで発行されることが多いですが、そんなPDFをGoogle Doc Viewer を使って、そのままページ内で閲覧できるようにするものです。 直接PDFひらいてもいいのですが、他のテキストと共にPDFを埋め込めるっていうのは意外と便利ではないでしょうか？ 利用は、プラグインをダウンロードして有効にし、投稿記事内で、[embed]PDFのURL[/embed] のように記述するだけ。 WordPressプラグインのフィルタ機能を活用した便利な機能ですね。 元となったPDFファイルはこちら(PDF注意)です サムネイル表示も出来ます。Google Doc Viewerって凄い！ 関連エ
急がばまわれ式・堅実で一番効率的な英語の勉強法
急がばまわれ式・堅実で一番効率的な英語の勉強法 はてな界隈では、定期的に英語の習得法が話題になるが、俺もそろそろ参入してみようかな、と。 ■自己紹介 俺の英語力は、TOEIC975点、実用書・平易なペーパーバックなら辞書なしで速読できるレベル。 CNN/BBCが字幕なしで理解できて、それなりに気のきいたことも英語で話せる。 語彙力は、http://www.wordengine.jp/vcheckで測定してみたところ、約２００００語。 海外経験なしで、毎朝コツコツと勉強してきた。 ■趣旨 英語力を身につける＝ピラミッドを構築する作業である。 だが、巷にあふれかえる英語の勉強法は、基礎力がないのにいきなり実践を勧めるものが多い。 例えば、臆せずに何でもいいからしゃべってみろだの、辞書をひきながら本を読めだの。 この手の勉強方法は、学習者のコンフォート・ゾーン（快適な領域）を外れることが多く、大
log - 単語帳DUO3.0をひと月で終えるために
このエントリーはひと月前にポストした「中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法」の補足にあたります。DUOの使い方を知りたいというコメントがあったので書いてみたのですが、かなり具体的に書いたので長くなりました。なので、例によって先に「重要ポイント」を列挙して、それから「詳細」に移ります。 特に重要なところはボールドにしていますが、自分では全部重要だと思ってますので、本気でこの方法を実践される方はよく読んでもらえると良いかもしれません。 DUO3.0を実際にひと月ちょっとで終えて思うのは、基礎語彙の増強はスピードが最も重要だと言う事です。つまり、DUOにしろ何にしろ基礎語彙は短期間で一気に身に付けるべきであって、「半年かけてやるかー」では、まあさらに２ヶ月かかるか、大概は飽きて２週間で本の存在も忘れ去ったりしてしまうのではないでしょうか。 「重要ポイント」 ・使用書
中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法 (b) - log
ここでいう“Bクラス”っていうのはスコアが730~860のスコアレンジの事（860以上がAクラス）。とりあえずまずは、簡略化した４ヶ月の流れを早見チャートとしてまとめときます。中学生レベルがどうとか、各ステップの詳細や背景的な話はそれ以降に。 その他TOEIC関連書籍 各ステップの早見チャート（詳細は「各ステップの詳細」を参照） １：基礎文法力をつける 基礎中の基礎を以下の本で一気にやる。これをやらないと次の単語帳の例文が理解できない。 使用書籍： TOEIC TEST文法完全攻略 / 石井 辰哉 期間：１週間 ２：基礎単語力をつける 本気でキツいんだけど、どうにかして１ヶ月でDUO3.0の例文を完全にマスターし、音声も完全に聞き取れるようにする。 使用書籍：DUO3.0 期間：１〜1.5ヶ月（１日６時間くらいやればいける） ３−Ａ：Part5対策 これは3-Bと平行してスタート。澄子本を
はてなブックマークで人気の英語学習エントリー3選 - はてなニュース
新しい季節は、なかなか取り組めなかった英語の勉強を始めてみるチャンスです。はてなブックマークで人気の英語学習に関するエントリーには、英語の学習のヒントがたくさんあります。中学生レベルから学習をスタートした人のエントリー、使った教材や進行状況を丁寧に記したエントリー、勉強の王道といえる堅実な学習法を紹介するエントリーの3つを紹介します。 ■ 中学生レベルから4ヶ月でTOEIC765点達成 ▽ 中学生レベルの英語力の奴が４ヶ月でTOEIC「Bクラス」を出す方法 (b) - Knowledge tank 英語力は中学生並みだったという著者が、大学院入試を前に、4ヶ月でTOEIC765点を達成した学習法が紹介されています。集中して基礎的な単語力と文法力をつけるところから始め、TOEIC対策問題集や模試に取り組みます。エントリー中では、具体的な学習法と合わせて、著者が利用した書籍も紹介されています。
とても便利なvimのコマンド紹介
こんにちは。小川です。 今日はvimのコマンドでも紹介しようかなと思います。 僕はテキストエディタは大体vimを使っています。 執筆をしたときもvimでやっていましたし、PHPもvimで書いています。 vimって色々コマンドがあって便利ですよね。友達とvimのコマンドを教えあったりして、度々「こんな便利なコマンドがあるのか！」と驚かされます。 今日はそんなvimのコマンドの中から普段使っていて便利だなーと思うものをいくつか紹介していきます。 ちなみにShiftを押しながらのコマンドは、アルファベットキーの場合は大文字で表記します。 エンターやエスケープを押下する必要がある場合はエンターやエスケープと記述します。「:」ではじまるコマンドモードはエンターを押さないと意味がないので、そこは省略します。 同時押しは+でつなげて表記し、基本的には1文字ずつ順番に押下します。 ■ページ移動 「ggで」
iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム - もとまか日記Ｚ
以前から気になってたことですが、以下のエントリについて。 iPhoneアプリを作ってみよう：目次エントリー - もとまか日記 もう２年以上も前の記事なので、内容的に古くなってしまって、所々で最新の内容とは異なる動きをしてるんだろうな、と思ってました。とはいえ、随時対応していくのはなかなかシンドイ、というか実質無理です。なのでずっと放置してたんですが、先日公開されたXcode4でUI等が大きく様変わりしたこともあり、この機会に最新の内容に対応した記事を用意していこうかな、と考えました。 てことで、第１回目はやっぱり「じゃんけんゲーム」です。今回は今後のことも踏まえて試してみたいこともあるので、構成を以前とは変えて、１記事で全内容としているため少々重いかもしれません。ご了承くださいm(_ _)m プロローグ 今回の題材「じゃんけんゲーム」のイメージは以下です。 難しい部分は一切なく、その仕組み
サイト設計をする時に覚えておきたいポストタイプの特徴などいろいろ
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ（ポストタイプ）について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ（’post_t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-862.html
http://e0166nt.com/blog-entry-859.html
http://blog.asial.co.jp/816
IDEA * IDEA
IDEA * IDEA
