これは、とても歴史的な話で、僕たちの知っている現在の “Mozilla” よりも時はさかのぼる (とはいえ、現在の Mozilla もその精神を受け継ぐ末裔だ)。 質問をブレイクダウンしよう: 最初に: この文脈でいう “mozilla” はなにを指すのか? ヒント: それは Mozilla Corporation や Mozilla Foundation のことではなく、Gecko エンジンのことでもない。 90 年代初頭、Mosaic というブラウザがイリノイ大学・米国立スーパーコンピュータ応用研究所 (NCSA) のとあるグループによって開発される。Mosaic の使いやすさや特徴的な機能は当時の “world wide web” の一般化に役立った。Mosaic の共同開発者の一人は Netscape という会社を設立し、この会社は Netscape という商用ウェブブラウザを生み
(個人的な)Graceful Degradationへのシフト webcre8はこれまでIE対応の必要な環境で仕事をしていた為あまりIE6,7で使えない技術には興味が湧かなかったんですが、(ずっと進んでない)ブログのリニューアルのことを考えていると、やはりどうしても擬似要素や過去ブラウザを無視(ざっくり対応)した形でのCSS3の使い方に魅力を感じてしまうわけです。 つまりプログレッシブ・エンハンスメント→グレースフル・デグラデーション的な考え方に気持ちがシフトしているんですね。そしてどうせCSS3を使用してディティールに凝るのなら、「空divや重ね使いで無理矢理作っていたものをさっくり作れる」ことに驚くより、「フォールバックを意識したコーディングをして過去ブラウザにはあっさりコンテンツを見せる」方がやっぱりいいなーと感じているわけです。 とりあえず擬似要素で そこで今回は自分が擬似要素を使
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS/デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス/OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4+iOS 5」を想定して話を進めます。実際に「iPhone 4+iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
ブログ(iiyu.asablo.jpの検索) ホットコーナー内の検索 でもASAHIネット(asahi-net.or.jp)全体の検索です。 検索したい言葉のあとに、空白で区切ってki4s-nkmrを入れるといいかも。 例 中村(show) ki4s-nkmr ウェブ全体の検索 ASAHIネット(http://asahi-net.jp )のjouwa/salonからホットコーナー(http://www.asahi-net.or.jp/~ki4s-nkmr/ )に転載したものから。 --- 橋下徹市長の大阪市のウェブで「大量殺人をする」と投稿したという容疑で、 アニメ演出家が逮捕された件。 たとえば、 http://mainichi.jp/select/news/20120827k0000m040038000c.html 殺人予告:大阪市HPに書き込んだ疑いで42歳演出家逮捕 http://
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
一般的なWeb Application Framework(WAF)ではMVCという設計及び実装における概念が取り入れられています。 MVCに従ってつくるのが全てではありませんが、 WAFを使うと共に、一度はMVCを用いたWebアプリの開発経験はしておいた方がよいと思います。 MVCはモデル(Model)、ビュー(View)、コントローラ(Controller)の3つの単語を組み合わせた言葉で、 この3つで概念が成り立っています。 クライアントがWebに対してリクエストをした時に、これら3つがそれぞれ連動して結果を返します。 一般的には以下のような処理経路をたどります。 クライアントがWebサイトにリクエスト コントローラがリクエストの処理を行い、モデルとビューを動かす 必要に応じてモデルを呼び出す 結果のデータをビューに渡す ビューがHTML化などをしたものをクライアントに表示する MV
女子中学生を名乗るスパムメールが来て釣られてみるかと会いに行ったら本当に女子中学生だった話。あるいは日本の将来やばい。 ありのまま起こったことを話す。女子中学生を名乗るスパムメールが来て釣られてみるかと会いに行ったら本当に女子中学生だった。何を言っているかわからないと思うけれど、自分でも何が起こったのかよく分からない。とりあえず詳しい経過を書いてみる。 最初は1通のメールから始まった一昨日(9/23)の深夜、一通のスパムメールが来た。簡単に「友達になりませんか?」と。普通ならそこで削除して終わりなのだけれど、他のスパムメールと決定的に違うことがあった。送信者のアドレスが@docomo.ne.jpだったのである。 ほぼ釣りか巧妙なスパムだと思ってスルーしていたけれど、ふと「どちらさまですか」と返信してみるとすぐに「XXX(以下、仮にハルカとする)っていいます。中3です!!」と返事が来た。 9
2010年10月のローンチからわずか3ヶ月で100万ユーザを獲得したInstagram。 現在の登録ユーザ数は900万人、1,000万人にも遠くない。そんなレジェンドアプリのInstagram共同創設者Kevin Systromが Future of Mobile Conferenceで話した内容。TheNextWebの記事。 -最初のアプリ“Burbn”から学んだこと Instagramの前、現在地や写真を共有できるソーシャルチェックインアプリをつくった。小規模なユーザベースにそこそこウケていたものの、複雑で特徴もなく、遅かった。アプリそのものは悪いアイディアじゃなかったけど、その分野に何も新しさをもたらしてなかった。結局BurbnがInstagramを成功させる前のテストアプリのような役割を果たした。 鍵は、‘unexpected behaviors’ (予想されない行動)を特定し、作
ちとリアルタイムでは観ていなかったのですが、mixiがロゴの変更も含めて大掛かりな戦略発表をしたらしく、またこれがストリーム放送のあまりの繋がらなさに会見場に逝かなかった業界関係者の怨嗟の声がネットで渦巻いおりました。 その後のmixi周辺や風情を記した記事が日経ビジネスに掲載されたというので見物に逝きまして。 悩めるミクシィが反撃開始 http://business.nikkeibp.co.jp/article/topics/20110912/222594/?P=1 記事の質は高いと思うんですが、どう読んでもmixiが反撃しているというよりは、死期を悟った星が鉄の重みに耐えかねて重力崩壊を起こしてブラックホールになるか白色矮星になるか、そのときを望遠鏡片手に天体観測者が固唾を呑んで見守ってるというような状況じゃないかと思いました。 個人的にはmixiには早く潰れて欲しいと思うのですが、m
Diary, Event | 06:44この度、8月18日から9月9日の3週間、「はてなサマーインターン2011」に参加してきました求人情報:募集要項:インターンシップ - はてなはてなサマーインターン2011募集開始! - Hatena::Engineeringこの3週間、目新しいことだらけで、周りを振り返る余裕のないほど突っ走り続けてました。今回、インターンシップに参加させてもらって、非常に素晴らしい体験ができ、何よりも強い思いは、他の学生プログラマみなさんにもぜひ参加を検討して頂きたいということです。 熱も冷めやらない中、自分の得てきた体験を世に伝え、皆にはてなのインターンシップに興味を持ってもらいたいという使命感に駆られています。というわけで、次年度以降に参加を希望される学生さんへ向けて、はてなインターンシップのカリキュラムや、参加して良かった点などを大きく5つ紹介させて頂きます。
[読了時間:4分] ウェブがまたしてもパラダイムの転換期を迎えようとしている。パラダイムの転換期とは、これまで「常識」とされていた考え方が180度ひっくり返ることを意味する。そして今後、1,2年でひっくり返ることになるとわたしが考えるのは、ウェブ上のコンテンツはほとんどすべて「フリー」であり、コンテンツビジネスは「フリーミアム」が基本という「常識」だ。 「フリーミアム」とは、無料コンテンツで囲い込んだユーザーのほんの一部に対して有料コンテンツを販売するというビジネスモデルだ。このブログメディアTechWaveも、フリーミアムがビジネスモデル。ブログメディア上で収入を得ようとは思っておらず、読者のうちのほんの一部の方が参加してくれるセミナー、勉強会、ツアーで事業が成り立っている。今日のウェブ上のビジネスの多くは、このようにほとんどがフリーミアムを実践している。 このビジネスモデルが180度ひ
アメリカ・ニューヨークで今、非常に注目されているハンバーガーショップがある。一体、何が注目されているのか? 結論から言えば、この店は、ソーシャルメディアとリアルがうまく融合したショップなのだ。 4food(フォーフード)は昨年、ニューヨークでオープンした。店内には注文用のiPadが置かれ、行列が出来ないよう工夫された。と……ここまでは至って普通の話なのが、ここからが凄い! なんと、この店、バンズやパテや野菜、ソースなど客の好みでカスタムオーダーできる。その組み合わせは、え、スゴイ…なんと1億4000万通り。そして、客は組み合わせによって自分自身で作ったオリジナルハンバーガーに名前を付けることができ、4foodのサイトに登録できるのだ。 さらに凄いのが、この自分で作ったオリジナルバーガーが売れると、ハンバーガーが1個につき、25セントがもらえてしまう。なんだかアフェリイトみたいだ。も、も、も
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く