ウェブは今、更新するための更新コストが減少し、その対価として更新する手間が今までお金になっていたのですが、それを投げ捨てている形になってきている。 私はこれまで「ブログ」を書き続け、そしてブロガーと呼ばれるようになった。 それ以前は、htmlのみで動的なものはなく、ひたすら更新し、ページをつくり、ウェブサイトを作ってきた。 底辺の話をしますが、ウェブには、更新＝価値というものが付き物で、更新することで、多少なりともマネタイズできます。 今回はこうしたマネタイズを放棄している現状を訴えたい。 マネタイズできる可能性を放棄している人々 かのしょこたんがツイッターを始めたが、一瞬でブログに戻りました。 理由は様々な憶測が語られているけど、しょこたんにとって、ツイッターもブログも更新する手間隙に大差が無い。 しょこたんクラスになると一日に２００回くらい余裕で更新できます。さらに全部写真付で更新出来
【iPhone 4対応版】旧iPhone分割払いユーザー向け――どう買えば新iPhoneはお安くなるの？：3分LifeHacking 先日発表されたiPhone 4は非常に魅力的だ。もう買うことは決まっているのだが、iPhone 3GSの購入時とは異なり、今回はSIMカードを取り替える塩漬け運用ができないなどの問題もある。どうしたらお得に買えるのだろうか。 いよいよ2010年6月末にiPhone 4が発売となる。もはや毎年言っている気がするが、新しく発売されるiPhone 4はとても魅力的だ。例によって筆者にとっては買うか買わないかが問題ではなく、どうやって手に入れるか、どこに並びに行くか（またはオンラインで予約をするか）が問題となっている。 今回はソフトバンクから料金プランが発表されてから予約開始までの時間が短く、購入計画と資金をどうするかを考える時間がとても短い。なので、今年もさまざま
以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアンにも鳥にも見えるように。アイアンにクチバシを付けただけでこう見えるのは凄い。 Birdie Web Girls この発想素敵ですね。Webのマウスアイコンとボタンを女性のピクトグラム
1 以下、名無しにかわりましてVIPがお送りします 2010/05/26(水) 18:46:59.77 ID:ohmEPOJQ0
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com フリーで使える15のHTML5＋CSS3なテンプレートファイルが公開されています。 それぞれ地味なようでいて、HTML5やCSS3のテクニックをふんだんに使っています。 素材として使ってもよいですし、１つの学習用リソースとして活用してみるのも有益ですね。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 CSSテンプレート配布サイト色々まとめ フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」 フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 使えるCSSレイアウトテンプレート集「mycelly.com」
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
「LOAD IMPACT」はサーバの負荷テストができるサイトです。 サイトによりけりですが、数分から10分程度で完了します。（途中中断できます） 自宅サーバなどを立ててる方はチェックしてみると面白いかも。 当サイトでもやってみました。 （※悪用厳禁ですよ） 以下に使ってみた様子を載せておきます。 まず「LOAD IMPACT」にアクセスします。 無料登録ができますが、登録なしでも測定可能です。 負荷テストしたいURLを入れます。 有料プランがありますが、左側の無料プランで最低限のチェックは可能です。 負荷テストの結果です。 ユーザのロード時間がグラフで表示されています。 右側で結果を切り替えられます。 （ちなみにこの機能を使うには、無料登録が必要です。） 帯域幅の使用量でしょうか。 サイトをお持ちの方はチェックしてみてはどうでしょう。 （本記事で紹介したサイト：LOAD IMPACT）
面接前って、ソワソワしますよね。たかが仕事でも、されど仕事。これで一生が決まる...なんて重く考えて、余計に緊張してしまったりして。そこで今回はビジネス紙『IBD』から、面接前の心得10か条を紹介します。 1. 偵察すべし 面接する会社が、業界でどんな立場なのか、会社としての特性を生かせているか、ビジネスの相手はどこか、どんな沿革を持った会社なのか、利益重視か開発重視か、など、よく調べておきましょう。ソースは、会社やその業界に関するホームページが、いいかもしれませんね。データを集めたら、その会社で、自分が発揮できるスキルは何かを考えて、面接で自分と会社をリンクして、アピールできるようにしましょう。 2. 相手の弱いところをつくべし（でもお手柔らかに） 其の一で、会社についていろいろ調べれば、その会社の弱いところも見えてくるかもしれませんね。面接では、それを敢えて突っ込むことも、作戦になりま
１． 笑顔がない ２． お礼を言わない ３． 美味しいと言わない ４． 精気がない ５． 自信がない ６． 愚痴をこぼす ７． 希望や信念がない ８． いつも周囲が悪いと思っている ９． 自分がブスであることを知らない １０． 声が小さくイジケている １１． なんでもないことに傷つく １２． 他人に嫉妬する １３． 目が輝いていない １４． いつも口がへの字の形がしている １５． 責任転嫁がうまい １６． 他人をうらやむ １７． 悲観的に物事を考える １８． 問題意識を持っていない １９． 他人につくさない ２０． 他人を信じない ２１． 人生においても仕事においても意欲がない ２２． 謙虚さがなく傲慢である ２３． 他人のアドバイスや忠告を受け入れない ２４． 自分が最も正しいと信じ込んでいる ２５． 存在自体が周囲を暗くする マジかどうかしらんが、興味深い。 http://anond
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon（有償のアイコンページ）
世間一般的にはどうか知りませんが、はてブ界隈とかまぁネットに親しいところあたりでは電子書籍、とりわけ自分で電子化する自炊（本を裁断してスキャンして自前で電子化すること）がブームだったりします。 まぁブームというか、他に誰もやってくれないから自分でやるだけしかないってだけなんですが。 で、ご多分に漏れず私もそういうガジェット的な物には目がないので、使う使わないは置いといて、自炊が出来る環境は持っています。 これがドキュメントスキャナ こっちが裁断機（余計な物が写ってるけど） で、ある程度使ってみて思うのは、これって漫画とか本が好きである人ほどきっついな、って事です。 本を単なる自分のステップアップのためとか、情報源、という風に見てる人は何の抵抗もなく切り刻んでスキャンして、残った紙を捨てるって事が出来る（それが正常だとは思う）わけですが、漫画や小説なんかに拘りがあったりとか、特に
「科学は勝つ」スティーブン・ホーキング博士の宗教について答えた発言が話題に 宇宙物理学の第一人者として誰よりも宇宙のことをよく知る、車いすの物理学者スティーブン・ホーキング博士。 もちろん彼にもまだ答えの見いだせない謎は数多くあります。 アメリカのABCニュースのダイアン・ソーヤー氏がインタビューを行い、その際に博士が答えた内容が大きな話題を呼んでいます。 宇宙の謎については、「宇宙がどうして存在するのか知りたい、なぜ無より偉大なものがあるのかが知りたい」と答えています。 先週ニューヨークで開催された「ワールド・サイエンス・フェスティバル」に招かれたホーキング博士は、ABCニュースのインタビューに答えました。宇宙に対して深い疑問を投げかけることの多い博士は、宗教についてこう言及しています。 「基本的に宗教と科学の違いは、宗教は権力を基本としており、科学は観察と理由を基本としている」 「科学
1～2度使ったきりの蜂蜜、買いそろえたものの、あまり活躍の場がないハーブなど、「腐ってはいないようだが、本当に使えるのか？」と、疑心暗鬼になってしまう食品はありませんか？ こちらでは、キッチンに常備されている食品の保存方法と、その期限について、いくつかご紹介しましょう。 米フード誌「Cooks Illustrated」では、キッチンに常備されている代表的な食品に関し、その望ましい保存法と消費期限について、以下のように述べています。 1: 小麦粉 小麦粉には湿気が大敵。紙袋のままで保存せず、必ず真空容器に移し替えること。また、小麦粉に含まれている天然油分が、数ヶ月経過すると、においを発するようになる。全粒小麦粉を少しづつ使う場合は、大きめのジップロックにパッケージのまま入れて、冷凍庫で保存しよう。 2: 甘味料 グラニュー糖は、真空容器で保存すれば、いつまでも使える。 ブラウンシュガーは、数
生産性向上をテーマにしたブログ「Dumb Little Man」では、目標を達成できずに、途中で頓挫してしまう原因として、最初から高い目標を掲げすぎる点を、指摘しています。また、「オールオアナッシング」の考え方も悪影響を及ぼすとか。高い目標を掲げた挙句、これを満たさなければ「ダメだ」と判断して、完全に投げ出してしまうという具合です。さらに、もっと悪いのは、これによって挫折感を感じてしまうこと。罪悪感や自己嫌悪にさいなまれ、自信を失ってしまうと元も子もありませんね。 では、どうすればよいのでしょう？ この記事では、最低限の目標を設定し、これをひとつひとつクリアしていく方法を勧めています。確実に達成できる程度で目標を掲げれば、心理的な抵抗感も少なく、無理なく取り組むことができるそう。また、「低い目標を掲げると、さらなる高みへの進歩がないのでは？」と思いがちですが、そうともいえません。このミニマ
前々回ブレストについて書きましたが、いつでも人を集めてブレストができるとはかぎりません。アイデアの性質によっては一人でじっくりと考えた方がよいこともあるでしょう。一人ブレストの方法、つまり一人でアイデアを出すための方法も必要になってきます。 アイデアに関係する著書を読むと、そこにある程度共通するいくつかのステップとルールを見いだすことができます。単に何かを考えるだけならばそういった手順を踏む必要はありません。しかし、効果的なアイデアを出し、活用していくためには一定のフローを使った方が便利です。 私が考えるアイデアにまつわるステップは以下の４つになります。 準備 思考 選別 実行 今回は、それぞれのステップについて考えてみましょう。 1．準備 これは、実際にアイデアを考える前にやっておくべき事です。人の思考というのは直接コントロールしようと思っても、なかなかできません。まず下準備をし、方向性
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
https://twitter.com/fromdusktildawn/status/16035993153リンクで言われてる事はもっともなんだよね。真実を知ったところで多くの人は何もできないし、その真実は起こったことあるがままじゃなくて何者かの利害や解釈によって内容を歪められて情報として広まっているのかもしれない。 一般的には、金持ちの懐が痛む事は情報として流れない。大損を被って他人に利益を与えたい人なんて、余命がない人とか理念に凝り固まった人とか、そういうレアケースでしょ。世の中に広まっている情報は”広まっていい情報”なんだよ。報道が許可された情報というか。 例として挙げるなら、金○ち父さんやらバ○ェットやらFX必勝法なんてたくさん本になってるが、買った人が全員儲かっている訳じゃない。実際は逆だったりする。なぜかと言うと、彼らは善意でやっていると言い張るかもしれないが、クリティカルな情
@mamimumemakkori MEGUMIに特別な感情は持ってないのだけど、彼女がテレビでしてた「付き合う相手の条件」に上げてた「嫌いなものが同じ」という話にえらく感動して、結構頭殴られたくらいの衝撃受けた @mamimumemakkori 価値観が同じというと「好き」なものが同じであることに目がいきがちだけど、実は一番大事なのは嫌いなものが同じことなんだよ、という話。 好きなものが別々であれば相手から新しい世界を見せて貰えるし、自分の世界も広がり、うまくいけば楽しい時間を２人で共有できるようになる。 @mamimumemakkori 逆に嫌なものが別々であると、もし仮に１日のなかで「今日こんなことをされて嫌な気分になった」という話をしても共感してもらえなかったりして、喧嘩に発展することもある。されたら嫌なことのポイントが違うと普段から不快な気分になりやすいと。
一人暮らしのための簡単パスタ ８種 カテゴリ☆☆☆☆☆ 1 ：名前：以下、名無しにかわりましてVIPがお送りします：2010/06/13(日) 15:21:29.45 ID:tqQwd0DJ0 トマトソース 難易度：★☆☆☆☆ 費用：１人前 30円 2 ：名前：以下、名無しにかわりましてVIPがお送りします：2010/06/13(日) 15:22:50.76 ID:tqQwd0DJ0 <<材料（５～６皿分）>> オリーブオイル 大蒜 ２粒くらい 玉葱 １個 トマト缶 １缶 バジル 少々 コンソメ 少々 塩 適量 アンチョビ ごく少量（無くてもおｋ） 3 ：名前：以下、名無しにかわりましてVIPがお送りします：2010/06/13(日) 15:22:56.10 ID:jawHz
検索エンジンは網羅的なガイドラインを提示するわけではない（それどころかSEOを正しく行うのに必要な要素の十分の一すら出さない）。 この記事では、SEO業界にはびこる間違った情報、それも正しいSEOの妨げとなる情報について見ていこう。この記事で取り上げた「SEOの迷信（都市伝説）」は、次の10個だ。 パーソナライズ化は検索順位にどの程度影響するのか？トップページを毎日更新しないと、検索順位は維持できないのか？相互リンクはグーグルでは効くのか？「キーワード密度」には意味があるのか？ドメイン名にハイフンを使うのはSEOで不利？検索結果でのクリック率が順位に影響する？h1要素は検索順位獲得に貢献するか？他のサイトにリンクを張ることは、順位が上がるのに役立つ？PageRankを見れば順位が予測できるのか？コンテンツがよければ、高い検索順位を得られるか？ ここで挙げたものの多くは、Search Eng
TOP > WebDesign > IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにｙほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言
cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション webkit系でもmozでもIEでもcssのみでグラデーションを実装。 Cross-Browser CSS Gradient ハック、テーブルも使用しないドロップダウンメニュー シンプルなドロップダウンメ
iPhone4はいくらするの？これから買う人、3G、3GSから機種変更する人のための、お財布と相談するための資料まとめ 今月24日に発売される、iPhone最新モデルの「iPhone4」。 本日よりソフトバンクショップで予約が始まり、既にもの凄い行列ができていますが、高そうだし…去年3GS買っちゃったし…なんて悩んでる方も多い事と思います。 私もちょうど去年の6月に発売されたiPhone3GSを買っていたので、今回のiPhone4は機種変更（買い増し）しようか非常に悩むところ。 そこで、新規、機種変更でどの程度の費用がかかるのか、出来る限り調べて計算をしてみました。 購入を考えている方の参考になれば幸いです。 4通りあるが実質2種類の通信料金プラン 25ヶ月目以外で解約や料金プランの変更をすると、9975円の契約解除手数料が発生する「標準プライスプラン」、発生しない「バリュープログラム(i
この靴、見た目はまだキレイなのに、くさい......ということ、ありませんか？ 靴が悪臭を放ち始めた時、ちょっとした技を使うと、その臭いが無くなるそうです。その技とはズバリ、冷凍庫で冷やすこと。HDDの延命じゃないんだから...とお思いの方も、騙されたと思って、一度試してみてください。 手順はカンタンです。もちろん、靴は直に冷凍庫には入れません。 靴を日光で乾かします。 靴の内底もしっかり乾かします。ドラッグストアなどで売っている、バクテリアを駆除する内底に入れ替えてもOKです。 乾いた靴を、ジップロックなどのプラスチックバッグに入れ、冷凍庫で一晩冷やします。冷凍庫の低温度により、悪臭の原因となるバクテリアが死滅します。 冷やしても、まだ臭いが残っている場合は、重曹や靴の消臭剤を入れ、一晩置きます。 カンタンなので、すぐにできますよね。重曹だけでなく、猫のトイレも、靴の消臭に使えます。しか
60 Excellent Premium-Like Free WordPress Themes | One Stop Design Resources かなり美麗なフリーのWordPressテーマ60がまとまったエントリのご紹介です。 仕事として依頼したら一体いくらかかるんだろうというようなプレミアムなテーマが一杯で、どれにしようか迷ってしまうほど。イメージも様々なので好みのものがきっと見つかるはずです。 相変わらず、WordPressテーマは強いですね。 関連エントリ 3カラムのクールなWordPressテーマ集30＋ コーポレートサイトでも使える20のWordpressテーマ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
