IDEA * IDEAドットインストール代表のライフハックブログ
CentOS 5 の初期設定 | Carpe Diem
CentOS 5.x をインストールしたあと、いろいろと初期設定を行っています。今は、サーバ用途の場合 kickstart の %post セクションでいろいろな初期設定をまとめて行って自動化しています。kickstart は、別の機会に公開するとして、今回は %post セクションで行っている初期設定を順番に紹介します。紹介する順序は、順不同です。 NOZEROCONF を設定する 余計なネットワーク経路を作らないために、/etc/sysconfig/network に次の設定を追加します。APIPA という仕組みを使う場合は必要です。 NOZEROCONF=yes IPv6 を無効にする IPv6 を使っていないので、/etc/modprobe.conf に次の設定を追加します。 alias net-pf-10 off alias ipv6 off ifdown-eth にバッチをあて
グーグル、JavaScriptプログラミングツールをリリース
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
[CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート | コリス
divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。
直帰率47.5% 入口は20ページが8割。アクセス解析とサイト改善の「WEB改善ソリューションフェア」レポート | 初代編集長ブログ―安田英久
セッションごと有料のセミナーにもかかわらず、満席で申し込みは締め切られるほどの人気だったこのイベント、会場では次の5つのセッションが行われた。 アクセス解析市場の最新動向サイト改善レポート実践活用術Google Analytics 活用術 実践編広告効果測定市場の最新動向ECサイトのための広告効果の改善ワークショップそれぞれについて、レポートしていこう。 アクセス解析市場の最新動向 ～「ツールを覚える」時代が終わろうとしている1セッション目はアクセス解析市場の最新動向を解説し、石井氏のノウハウを伝える内容。 石井氏によると、アクセス解析で問題だったことの1つは、自社のデータを見られるけれども、他社との比較ができないこと。社内でアクセス解析レポートを提出しても、経営陣に「これは多いのか少ないのか」と聞かれて返答できない状況だったという。石井氏が長らく提供してきているアクセス解析サービス「サイ
Web担当者×自社サイト―Web担当者の悩みを解決する法則&ガイドライン/申請シートサンプル | ビジネス目的別企業Webサイト成功の法則
本コラムの最終回は企業Web担当者の皆さんが抱える悩みの根本である「社内の各部署をいかにして巻き込むか」にフォーカスしていきます。企業サイトを担当する皆さんの悩みの多くは、実は社内を巻き込み各部署との連携を図ることで解決できる事柄が多いものです。今回は、これまでのお話しを交えながら、最終的に皆さんの問題を解決するための方法を整理してお伝えしたいと思います。 企業Web担当者の悩みは「社内の巻き込み」社外に公開する企業Webサイトを充実させていくためには、業務フローや社内の情報を集めてくる仕組みが重要だというお話しを何度かしてきました。採用・IR・商品情報・サポート・法人向け・サプライヤー向け・CSRなど、どの切り口のWebサイトをとってみても、ユーザーが満足行くレベルで対応するためには、Web担当部署以外のどこか別の部署と連携しなければなりません。コンテンツの企画やアイデアはあっても、基に
勝間和代のTwitter初級者が中級者になるための使いこなし10ステップ- 勝間和代公式ブログ: 私的なことがらを記録しよう!!
少し前に、Twitter初心者のための使いこなしの10ステップをまとめましたが、これに続いて、初級者から中級者になるためのステップをまとめてみたいと思います。 なお、前回のエントリーでは初級者を、Twitterの操作が一通りわかって、まずは情報の受け手として、そして、一部の情報については発信者として、Twitterを楽しめる段階、と定義しました。 今回の中級者の定義は、「自分が情報発信の担い手となり、発信する情報が幅広い人に活用してもらえる状態になること」と考えています。 Twitter初級者が中級者になるための使いこなし10ステップ Step 1. Retweet、RTを積極的に使う。 Step 2. ハブになる人やタグをみつけて、軸にする。 Step 3. 気になるURL情報を共有する。 Step 4. 写真や音楽をアップする。 Step 5. 自分のブログと併用する。 Step 6.
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
【初心者でも】PhotoshopやIllustratorでのパス（ペジェ曲線）の使い方が、5時間で上達する方法【劇的に】
【初心者でも】PhotoshopやIllustratorでのパス（ペジェ曲線）の使い方が、5時間で上達する方法【劇的に】 WEBデザイナーの皆様にはお馴染みの、ペジェ曲線。 いわゆる「パス」と呼ばれるそれは、PhotoshopやIllustratorを初めて扱う際、最も戸惑うものの筆頭なのでは無いでしょうか。 慣れれば感覚的に操作できるものの、そのクセを掴みきるまでに挫折してしまったという話も良く耳にします。 多少Photoshopを使えるという方でも、パスは使わないという方も実際にいらっしゃいますが、それは何とも勿体無い。 ホント、慣れれば直感的に扱えますし、出来るコトが数段広がるというのも事実です。 本日のエントリーの内容は、実際にワタクシsmknがPhotoshop歴10日とかいう時に先輩から教えていただき、たった1日でフツーにパスを扱えるようになったという実績ある（!?）学習法です
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
金崎、名古屋が本命！ピクシーと“相思相愛”：Ｊリーグ：サッカー：スポーツ報知
金崎、名古屋が本命！ピクシーと“相思相愛” 来季の名古屋入りが有力な大分ＭＦ金崎（右は京都・李正秀） Ｊ２降格が決まった大分ＭＦ金崎夢生（２０）が、来季は名古屋に完全移籍することが２９日、濃厚となった。この日までに大分幹部が、名古屋と浦和から獲得表明を受けたことを明らかにしたもの。将来性豊かな２０歳に対し、２年越しのラブコールを送り、現役時代にファンタジスタとして鳴らしたドラガン・ストイコビッチ監督（４４）が後継者と期待する名古屋が、本命だ。 涙のＪ２降格劇からわずか４日、今冬の移籍市場の目玉だった、次代のエース金崎の去就問題が活気づいてきた。 大分のクラブ幹部は２９日、スポーツ報知の取材に対し、「正式なオファーはまだ届いていませんが、名古屋と浦和（の強化担当者）から金崎を獲得に来るという話は聞いています」と語り、名古屋と浦和が完全移籍で獲得に乗り出していることを明らかにした。 今季限りで
(特にMyISAMを使っていた)ウェブ屋さんがInnoDBを使う場合の設定項目 - kazuhoのメモ置き場
InnoDBはMyISAMと比較して安全(OSクラッシュや電源断が発生してもテーブルが壊れない)分、書き込みが遅い。データベース屋さんからすると、それは当然のことでMyISAMがおかしいんだ、ということになり、だからバッテリバックアップ機能のついたRAIDカードを使うんだ、という話になる。でも、MyISAMを使っているウェブ屋さんの現場では、場合によって多少データが消えてもかまわないから、安いハードウェアで大量のアクセスを捌きたい... って乖離があるんじゃないかなーと思ってる。 そのような場合には、my.cnf の innodb_flush_log_at_trx_commit パラメータを調整することで、MyISAMに比肩する書き込み速度を得ることができる(そのかわり、クラッシュや電源断の場合は、設定によって直近１秒以内の変更が失われる)。 他のパラメータも含めて書いておくと、データベー
ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」:phpspot開発日誌
PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::Services_Sho... 次の記事 ≫：Windows7風ナビゲーション作成チュートリアル ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」。 このプラグインを使えば、画像のサイズをブラウザサイズの変更があったとしてもページのサイズに合うように調整してくれ、デザイン崩れを防ぐことが出来ます。 以下にその機能を紹介してみます。 活用例１ 背景画像自動 背景画像をブラウザサイズ変更に合わせて自由に伸縮 ブラウザのサイズを変えても違和感がないようにすることが可能 活用例２ ブラウザ幅にあわせた画像の自動伸縮 ページの右端に画像があって、自由に伸縮します。 サイズを変えてもこの通り、画像が残りスペースのサイズになります 活用例３ ブラウザ幅に合わせる、がオ
CSS で table に斜線を引く方法
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。 斜線（border）を適用する要素の前に を設定。 がなかったり、要素の後方に があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集:phpspot開発日誌
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっと変わったデザインも作れそうですし、テクニックを駆使してまったく新しいデザインを考えることも出来そう。 それでは以下にそのデザインされたリストのサンプルをご紹介。 1. サイトのナビゲーション風にデザインされたリスト 2. 番号付き＆番号の横に縦のラインがはいった見やすいリスト 3. 矢印画像を使ったリスト 4. iPhoneスタイルのクールなボックスリスト 5. ツリーっぽい形式にできるリストデザイン 6. 複数行にしてテキストっぽく表示できるテキストリスト 7. ワンラインにして、カンマを付与
女子感激！5000円以下で喜ばれるプレゼント | nanapi[ナナピ]
女子感激！5000円以下で喜ばれるプレゼント に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 誕生日や記念日、ケンカのあとや、何かをしてあげたあと…。女子は少なからずプレゼントを期待しています。そのくせ、自分の趣味に合わないものを贈ると不機嫌になるから厄介ですよね。 そこで、ここでは、失敗が少なそうなプレゼントで、5000円以下のものをピックアップしてみたいと思います。彼女や好きな子だけでなく、女友達や同僚へのお礼や記念品としても最適な額です。 相手の嗜好を把握しているなら、より良いものが選べるはず。喜んでくれそうな人物像と価格も想定しましたので、参考になれば幸いです。 彼女に初めてあげるプレゼントは、本人が拒否しない限りは、指輪かペンダントが良いと思います。 服や靴はこだわりやサイズ感があるので、プレゼントとしては難易度が
Facebookが大規模スケーラビリティへの挑戦で学んだこと（後編）～キャッシュが抱えるスケーラビリティの問題とデータセンターにまたがる一貫性
Facebookが大規模スケーラビリティへの挑戦で学んだこと（後編）～キャッシュが抱えるスケーラビリティの問題とデータセンターにまたがる一貫性 全世界で3億人を超える会員を抱え、世界最大のSNSとなったFacebook。同社の技術担当バイスプレジデント Jeff Rothschild氏が、10月8日に米カリフォルニア大学サンディエゴ校で行ったセミナー「High Performance at Massive Scale-Lessons learned at Facebook」の内容を再構成して紹介します。 （この記事は「Facebookが大規模なスケーラビリティへの挑戦で学んだこと（前編）～800億枚の写真データとPHPのスケーラビリティ問題」の続きです） キャッシュがスケーラビリティに大きな役割を果たしている Facebookの主な役割は、ユーザーが簡単に（友人たちの）情報を集めることがで
IE6、IE7、IE8におけるCSSの違いまとめ | エンタープライズ | マイコミジャーナル
IE? - IE6, IE7 and IE8 Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。 この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真スライド jCarousel - Riding carousels with jQuery