タグ

2011年3月15日のブックマーク (22件)

  • head要素に読み込むべき唯一のスクリプト「headjs」 - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) 「Modernizr」や「html5.js」等、 モダンな環境の為の便利なスクリプトは多々ありますが、 「headjs」はそんな彼らの仕事を一気に引き受けてくれる働き者のスクリプトです。 使い方 Head JS :: The only script in your HEAD 謳い文句はhead要素に読み込む唯一のスクリプト ダウンロードして読み込むだけ。おしまい。 <script type="text/javascript" src="head.js"></script> その多彩な機能 環境の判別 CSS3のプロパティの対応状況、画面のサイズ、ブラウザなどの情報を Modernizrと同じ手法でHTML要素のクラスに出力してくれます。 こんな感じに… <html lang="ja" id="test-page" class="

    head要素に読み込むべき唯一のスクリプト「headjs」 - Mach3.laBlog
  • overflowを使ってfloatの問題を解決するスタイルシートのテクニック | コリス

    フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ:1 フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか? これは

  • 過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ:phpspot開発日誌

    過負荷に耐えるWEBサービス作成のための使えるPHPキャッシュテクニックまとめ。 サービス展開というとOSのチューニングや各種インフラソフトウェアのチューニング、更にはWEBアプリプログラム自体の効率化と、幅広い知識が必要になってきますが、PHPでWEBアプリを作る際によく効くキャッシュテクニックを用途・使いどころ別に説明します。 キャッシュをうまく効かせることで大幅に計算量を減らしてより多くのリクエストを少ないマシンで捌くことが出来、コストを下げたり、過負荷の悩みを減らせます。 個人レベルでのWEBサービス開発の場合、サーバ代がお財布を大きく圧迫しますが、最低のコストでサービスを賄うことに繋げられます、ということでPHPでサービス作ってやろうと思っている人は参考にしてみて下さい。 static変数でキャッシュ 特に何も入れなくてもそのまま使えるstatic変数。例えば、関数等で一定の計算

  • http://e0166nt.com/blog-entry-862.html

    http://e0166nt.com/blog-entry-862.html
  • 2011年版!絶対にインストールしたいWordPressプラグイン45個 | Vanilla Rock

    このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個!』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います!その数も増えて何と30個から45個へグレードアップ!記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです! それでは、少し長いので「続きから」どうぞ~! WordPress

  • フリー写真素材 :: Free.Stocker【無料・商用可・著作権表示不要】

    このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。

  • ログインフォームに大切な7つの要素と重要な1つの機能

    ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する

  • [CSS]今、そして近い将来に使用するであろうスタイルシートのテクニック集

    CSS3のテクニックはさまざまなものがありますが、その中からまさに今、そして次のプロジェクトに使用したくなるテクニックを紹介します。 The Bright (Near) Future of CSS [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 はじめに Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transforms はじめに ここでフォーカスするのは、今、そして近い将来に使用するであろうスタイリングのテクニックです。HTML5の要素のスタイリング

  • MySQLやPHPのパフォーマンスを向上させる方法のメモ。 » とりあえず9JP

    MySQLPHPのパフォーマンスを向上させる方法のメモ。 色々な設定があるとは思いますが、ここでは個人的に効果を顕著に感じたMySQLのクエリキャッシュとAPCについて書いています。 当はPHPやらMySQLそれぞれでベンチ取った方が良いとは思うのですが、この記事では、WordPressを設置して、そのインデックスページに対するApacheBenchのRequests per second(一秒間に処理されたリクエスト数)のみを見て、その結果で比較しています。 ※ApacheBenchはローカルではなく外部のサーバからという微妙な環境で、リクエスト数100、同時リクエスト数10、試行回数はそれぞれ1回という微妙な値でやってます。 まずは、全く未設定な状態での、Requests per second。 実行したコマンドは以下。 ab -n 100 -c 10 テストしたいURI Requ

  • さくらのVPSでファイアーウォールが何も設定されていないのに驚愕したが ufw で解決 - babie, you're my home

    さくらのVPS ってデフォルトではファイアーウォールの設定何もされてないという記事をみて驚愕した。と、よく考えたら Ubuntu 10.04 LTS を再インストールしたから、どっちにしても初期状態だな。 とりあえず確かめた。 $ sudo iptables -L Chain INPUT (policy ACCEPT) target prot opt source destination Chain FORWARD (policy ACCEPT) target prot opt source destination Chain OUTPUT (policy ACCEPT) target prot opt source destination オウフ、デフォルトは空なのか…… iptables の設定めんどくせぇなーどうしようかなー、と思っていたら、どうも Ubuntu では ufw という

    さくらのVPSでファイアーウォールが何も設定されていないのに驚愕したが ufw で解決 - babie, you're my home
  • LinuxデスクトップをOSX風 漢(オトコ)のコンピュータ道: CompizとGlx-Dockを極める!LinuxデスクトップをOSX風にカスタマイズしよう。

    Compizというソフトウェアをご存知だろうか。PC UNIX向けの3Dデスクトップマネージャであり、筆者は愛用している。「日男児たるもの、GUIなどに頼ってはいかん!だから3Dなデスクトップなど邪道!」という声が一部から聞こえて来そうな気がするが、Webブラウザを常用するようになった今、その指摘は的を射ていないように思う。ならばGUIの使い勝手を改善して作業効率を高めようではないか!と思ったとき、Linuxで真っ先に行き着く先はCompizだろう。 Compizはそれほど新しいソフトウェアではなく、解説しているサイトはあるが、情報が少し古かったり、あまり詳細な解説がなされていなかったりするように思う。そこで、今日はCompizのカスタマイズ方法について解説しよう。実は、筆者はカスタマイズすることによってMac OS X風の使い勝手、すなわちExpose(&Spaces)風の動作にしてい

    LinuxデスクトップをOSX風 漢(オトコ)のコンピュータ道: CompizとGlx-Dockを極める!LinuxデスクトップをOSX風にカスタマイズしよう。
  • 部屋に眠る「カセットテープ」をMP3に変換できる安価なプレーヤーが登場

    ミニディスク(MD)やCD-R、フラッシュメモリなどの記録媒体に取って代わられ、今やすっかり見ることのなくなったカセットテープですが、MP3に変換できる安価なプレーヤーが発売されました。 デジタル化された音源が発売されていないような、ラジオ番組を録音したテープや、幼いころにテレビの音をマイクで録音したテープなどを持っている人は、これを機にMP3化してみるのもいいかもしれません。 詳細は以下から。 サンコーレアモノショップ【カセットテープをMP3に変換するプレーヤー】カセットテープから楽ちんデジタル化。お手持ちのmp3プレイヤーで懐かしのあの曲を聴きませんか? いつでも温かい飲み物を楽しめるUSBタイプの巻き付け型「ドリンクウォーマー」や、マイ歯ブラシを紫外線で殺菌してくれるケースなど、多くの珍しいアイテムを取り扱っているサンコーレアモノショップのページによると、新たにカセットテープをMP3

    部屋に眠る「カセットテープ」をMP3に変換できる安価なプレーヤーが登場
  • サンコーレアモノショップ【カセットテープをMP3に変換するプレーヤー】カセットテープから楽ちんデジタル化。お手持ちのmp3プレイヤーで懐かしのあの曲を聴きませんか?

    ●Mobile Station & charger with 4HUB ベタベタしないのに、しっかり粘着。携帯体も汚れることはありません!USBハブも4ポートもついた机の上に置いて便利なスタンド。

  • WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ:phpspot開発日誌

    WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ 「WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ」というエントリで先日PEARの便利ライブラリについてまとめたのですが、今回はPEAR以外でも有名なライブラリをご紹介。 PEAR以外で挙げていくときりがありませんが、とりあえず有名どころや、私の知っている物、過去に当ブログで紹介したものをまとめてみます。 他にも便利な物や定番の物がありましたら、@phpspot_kj までTwitterなんかで教えてください。 グラフ描画 JpGraph ありとあらゆるグラフを描画してくれる有名なグラフライブラリ。 pChart グラフにデザイン性を求める場合に使えるクールなグラフ描画ライブラリ PHP/SWF Charts PHPでグラフをFlashで描画出来るライブラリ。グラフに動きを出してインタラクティブ

  • 「自分探し」にとどめを。 - teruyastarはかく語りき

    自己啓発はなぜ流行るのか? - 京大院生の読書日記 http://d.hatena.ne.jp/windupbird/20110228 1)願えば叶う。 2)習慣を変えれば人生が変わる。 3)隠された潜在能力を掘り起こそう。 このようなポジティブ思考が商品化され、 ビジネス書の棚を占拠するようになったのは、 たかだかここ10年のことであると速水氏はいう。 なぜここまで自己啓発が人気を呼ぶのかといえば、 それはこうしたが知識ではなく 「高揚感」を提供してくれる効果があるからだと速水氏は分析する。 しかし、「賢い消費者ならポジティブ思考が 一瞬のカンフル剤でしかないことにも気づくべきである」とも。 先にも書いたように、自己啓発のもともとのルーツは「宗教」にある。 社会の不安感が高まれば、人々は安心を得ようとして、 一瞬の高揚感にすがりつく。 しかしその高揚感は持続しない。 それゆえ、ヒッ

    「自分探し」にとどめを。 - teruyastarはかく語りき
  • 賢人が月を指差した時、愚者はその指を見た。 - teruyastarはかく語りき

    「自分探し」にとどめを。 - teruyastarはかく語りき http://d.hatena.ne.jp/teruyastar/20110310/1299788070 …の前回記事から、 「自分はどこにあるか?」という答えを深く掘り下げ、 「心はどこにあるか?」 「社会はどこにあるか?」 「お金はどこにあるか?」 と考えを拡張しつつ、 ずっと指を見ていた僕が、月を見るようになったとき まったく同じものを見てたのに、 世界のあり方が変わって見えた。 という話をしてみます。 とりあえず結論から。 僕はずっとこの後半部分の 「指」と「月」の意味がよくわからなかったんです。 これ、お釈迦様が元ネタだったんですね。 禅の奥義「指月」 http://www.surugawan.net/guide/38.html 禅の世界では、経典などはその方向性は示すものの、 言葉では来の釈迦の教えは伝えられない

    賢人が月を指差した時、愚者はその指を見た。 - teruyastarはかく語りき
  • 仕事が超出来なくてダメアルバイト、ダメ社員だったTさんがいかに「考え方」を変えてできる社員となったか。 - teruyastarはかく語りき

    とあるTさんに深く話を聞きました。 そのTさんは真面目なんだけど、やることなすこと全てが空回りで 行動がとにかく遅く、言われたことを守れないとんでもないダメ社員でした。 しかし考え方を改めたTさんは、 ついに赤字プロジェクトを黒字にして伸ばすぐらい できる社員になっていました。 元記事はこれ。 仕事できない人って・・・ http://anond.hatelabo.jp/20100702010352 なんで出来ないんだろ? 見てて可哀想になるくらい仕事できない。 いつも怒られ注意されるのに改善されない。 それも怒鳴られ泣かされレベルを何十回やってるのにさ? しかも出来ないどころか人の仕事の邪魔して迷惑かけてる。 ばかなのしぬの? 略 ああいう人種は実在して、社会に一応存在できるって、すごくキセキ! でも心から思うに、 ごめんなさい。居なくなってください。 向上心がないやつはほんとにどうしよう

    仕事が超出来なくてダメアルバイト、ダメ社員だったTさんがいかに「考え方」を変えてできる社員となったか。 - teruyastarはかく語りき
  • 部屋探しのコツを知ろう!引っ越し前にチェックしたい「失敗しない物件選び」 - はてなブックマークニュース

    進学や就職、人事異動などで、春にかけて引っ越しシーズンがピークを迎えます。すでに物件情報をチェックしている人も多いのでは?部屋を探す上で知っておきたいサイトやコツについてまとめてみました。 ■部屋探しのコツを知ろう まずは、部屋探しのコツをまとめているサイトをピックアップしました。 ▽ 失敗しない一人暮らしの部屋探し こちらのサイトでは、初めて一人暮らしをする人に役立つ情報がまとめられています。一人暮らしのために必要な準備や不動産屋を訪れるときの注意事項、引っ越しの方法などが掲載されています。 ▽ 賃貸攻略!『お部屋探し達人』☆賃貸住宅賃貸情報、賃貸物件の裏技 引っ越し経験者の方には、上記のサイトがオススメです。内見のチェックポイントや契約時の注意点と言った基的な項目はもちろんのこと、家賃交渉のコツや不動産会社の特徴などもあります。 ■ネットの声も参考に 次に、ブログや2ちゃんねるなど

    部屋探しのコツを知ろう!引っ越し前にチェックしたい「失敗しない物件選び」 - はてなブックマークニュース
  • 一眼レフ買えよ色々捗るぞ:ハムスター速報

    一眼レフ買えよ色々捗るぞ カテゴリ☆☆☆ 1:以下、名無しにかわりましてVIPがお送りします:2011/02/09(水) 12:48:34.21ID:pGsMSoy30 仕事でもプライベートでもな 2:雪うさぎ ◆goSnow/X72 :2011/02/09(水) 12:49:51.41ID:+Iw2NmzH0 kwsk >>2 適当にとってもコンデジや携帯とは比べものにならない位 キレイに撮れる 会社で写真が必要な時なんかに頼られて 会社での立ち位置も良くなる 8:以下、名無しにかわりましてVIPがお送りします:2011/02/09(水) 12:53:36.65ID:gO8hejdvO 捗りはしないな >>8 写真のおかげで社員との会話も増えたよ Twitterのアイコン用の写真頼まれたり 以下、名無しにかわりましてVIPがお送りします:2011/02/09(水) 12:5

  • WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方

    WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも!そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS(コンテンツマネージメントシステム)というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン

  • 安くて美味しいワイン選びに失敗しない方法

    私はワインが大好きです。でもワインの銘柄などはあまり詳しくありません。産地やブランドにはこだわりはありません。ただ、安くて美味しいワインが飲めればそれでよいと思ってます。 とはいっても、一種類のワインをずっと飲み続けるのは面白くありませんよね。私の安くて美味しいワインの選び方をご紹介します。 産地はチリで決まり チリと日はFTA(自由貿易協定)により、ワインの輸入に関税がかからないそうです。しかもチリの物価は日より安いこともあって、日人は安い価格でチリワインを購入することができます。 トスラブ箱根和奏林 / naka_hide チリワインのブドウの木は、もともとヨーロッパから持ち込まれたものなので、味はなかなかのものです。(しかもその品種は疫病によってヨーロッパでは全滅したので、チリにしか残っていません) もし、スーパーなどで1,000円以下のワインを購入する場合は、絶対にチリワイン

    安くて美味しいワイン選びに失敗しない方法
  • 重複している画像を探し出して比較しながら選別できるフリーソフト「VisiPics」

    旅行に行った時の写真を貰ったり渡したりしていると、いつの間にか重複している画像がいくつも出てきてしまい、整理したいけれど面倒くさいという時に便利なのが、フリーソフト「VisiPics」です。 VisiPicsは、フォルダやドライブを検索して重複している画像を見つけ出し、プレビュー画面で並べて比較しながら取捨選択することができます。画像の形式やサイズが違っても、見た目の近い画像を抽出することが出来る上、プレビュー画面を見ながら画像を選択して、捨てるか任意のフォルダに移動するかを選ぶこともできます。 「VisiPics」のインストール方法と使い方は以下から。Download - VisiPics 上記ページの「VisiPics - Version 1.3」をクリック ページが移動するので、「Download Now」をクリック ダウンロードしたインストーラーを起動 「Next」をクリック 「I

    重複している画像を探し出して比較しながら選別できるフリーソフト「VisiPics」