ドットインストール代表のライフハックブログ
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
なんという桃と谷間のパラダイス…!AXEが紳士たちのけしからん夢を叶える 桃源郷とはまさにこのこと…!? 紳士達のけしからん夢を叶えてくれる(かもしれない)、 過剰なまでにセクシーを追求した サイト「 HOT ANGLE 」が公開されました。仕掛け人はそう、男性の欲望にただひたすら真剣に取り組むあのAXEです。 しかも驚くべき事に顔認識や仮想空間を搭載するなど、技術的にも興味深い…なんて言い訳が通用しそうな程に、ハイテク技術の無駄使いっぷりが凄いんです…! HOT ANGLEはブラウザだけで楽しめる、AXEの特設サイト。すぐに試してみるなら、こちらからどうぞ。 HOT ANGLE | AXE Japan 楽しみ方は、webカメラの前で視点を変えながら画面をのぞき込むだけ…って、そんな楽しみ方をするサイトって聞いたことないですよ…! 実際に試してみると…そこは女の子達が動き回るパラダイス…!
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
Google Chromeがブラウザの世界シェア1位になりましたが、ここでGoogleのライバルであるYahoo!から新たなブラウザ「Yahoo! Axis」がリリースされました。Windowsの各種ブラウザ向け拡張機能としてのほか、iOS向けにもリリースされています。 Yahoo! Axis - A new way to search and browse http://axis.yahoo.com/ Yahoo to Launch "Chrome Killer" Tonight - LAUNCH - こちらがそのデモムービー。 Yahoo! Axis is a new kind of browser that redefines what it means to search and browse the web. Watch this video to see how Axis wo
成熟市場においては、品質の高さでは優位性を築けなくなると言われます。しかし、だから品質にこだわらなくても大丈夫、と考えるのは早計です。裏を返せば、品質の高さが当たり前になっているため、少し品質が低いだけでブランドを大きく傷付けやすい環境になっているとも言えます。 そういった考えもあって、今年行っている当社のブランド再構築活動の中では、高い品質を担保するためのレギュレーションの整備に力を入れてきました。あわせて、当社として利用する品質を維持するためのツールや機能も改めて洗い出してみました。今日はこの内容を公開させていただきます。 JavaScriptエラーを無くす JavaScriptのエラーは、大きな問題が起こっていないように見えても、大事な機能が動かなくなったり、スペックの低いマシンで極端に挙動が遅くなったりすることがあります。各ブラウザのデフォルト機能で簡単にチェックできますので、エラ
こんにちはとしずむです。 「子どもに iPhone をねだられた」 「新しい iPhone を購入したから古い機種を子どもにあげた」 そんな時に気になるのが、子どもに iPhone を持たせる時の設定ですね。でも、難しいからといって放置してしまっては、お子さまの安全を守ることができません。この機会に見直してみて下さい! 見せてもいいホームページの管理・アプリやアプリ内アイテムの購入・居場所の把握などはすべてカンタンな設定で管理できます。 一つずつご紹介していきます。 *iPhoneの設定などについてわからないことがある方は、こちらから質問もできます →iPhoneの質問に答えます | 教えて!AppBank
HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。 しかし、HTML5とブラウザの性能向上のおかげで、 ブラウザでゲームボーイが遊べる! レベルにまでなりました。 それでは早速、Chromeで「JS GameBoy Color Game Center」にアクセスしてみましょう。 エミュレーターの画面がブラウザに表示されるので、Select A GameでゲームのROMを選択します。 これでROMの読み込みが終わると、ゲームが開始されます。 キー操作の反応も良く、想像以上になめらかに動きます。 サウンドも流れるのですが、ゲームによっては音が割れていたり鳴らないものもあるので、サウンド部分のエミュ
JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
IE5.5については「if gte IE 5.5」は通るのに「if IE 5.5」が通らないようです。 「if IE 5.5000」などとピリオド以下4桁全て書くと通ります。
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE(Internet Explore)のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
有限会社タグパンダ 喜安 亮介 2009/12/16 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) モダンブラウザとMac OS XのIE 5でも使えるCSSハック 前回の「IE 6とIE 7のためのCSSハック16選」では、IE 6とIE 7のためのCSSハックのテクニックを紹介しましたが、今回は、モダンブラウザでも使えるCSSハックのテクニックを下記に分けて紹介します。 IE 6/7/8をハック(IE 6とIE 7、IE 8に効く、もしくはIE 6とIE 7とIE 8に効かないハック) IE 6とIE 7、IE 8に効くハック コンディショナルコメント ユーザーエージェントハック IE 6と
iPhoneでSafariなどのブラウザアプリを使用中に表示される画面中の広告。 その広告を、愛用しているiCab Mobileというアプリを使って、非表示にする方法を紹介します。 iCab Mobile (Web Browser) 5.3(¥240) カテゴリ: ユーティリティ, 仕事効率化 販売元: Alexander Clauss(サイズ: 4.3 MB) iPhone/iPadの両方に対応 追尾型広告とは? 多くの広告の中でも、スクロールの度に画面下部に表示される追尾型広告は、iPhoneの限られた画面の中ではかなりのストレスを感じます。 追尾型広告を消す方法 表示された追尾型広告上で長押しし、URLをコピーします。 設定でフィルタの項目がONになっていることを確認し、コピーしたURLを貼り付けます。 ここで必要なのはコピーしたURLの先頭の「http://d.amoad.com/
HTMLとJSだけで何か作ることが多くて,開発環境をどう作るかとか,ノウハウみたいなのがたまってきたと思う. ローカルのHTMLファイルをブラウザで開くと,いろんな制約がある.たとえば,ファイルAPIを使えないとか,YouTubeのプレイヤー貼り付けできないとか,/js/みたいに絶対パスで指定することもできない.ページ1枚なら他のページにリンクとかいらないけど,ウェブサイトを作ってるときとかは,/help/でヘルプページを表示するとか書いたときに,ローカルのファイルを見てリンクが切れてるということになる.開発中はリンク切れだけど本番サーバーに置くと見れるはずとか言って開発するのは怖い. サーバーでRubyとかPerlが動いてるみたいなときはローカルでサーバーを立てて開発してると思う.HTMLとJSだけ使うときでもローカルでサーバーを立てて開発したほうがいいと思う. 開発中は,nginxでフ
コーヒーサーバは香炉である 美人プログラマごうだまりぽのブログですがデータが吹っ飛んでしまって仮復旧中。画像が入っていないところ、整形されていないところなどがあります。 検索 メインメニュー 最近、知らないうちにアダルトサイトなどをFacebookで「いいね」してしまうという問題が話題になっている。 知らない間にアダルトサイトを「いいね」 Facebook知人、同僚に性的嗜好がバレる (J-CASTニュース) これにはクリックジャッキングと呼ばれる手法が使われている。たとえば、ユーザが興味を引くような画像を表示してクリックを促し、実際にはその上にかぶせるように設置した「透明の『いいね』ボタン」を押させるというような仕組みだ。ページ内の要素の「透明度」を変えることでわりと簡単に仕掛けられる。 かんたんな絵であらわしてみた。図中のいいねボタンは半透明になっているけれど、実際に仕掛ける場合は透明
最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「PuTTY」を使っています。 運用でもターミナルからSSHで接続して、設定ファイルを編集したりログをチェックしたりCPU負荷を確認することもよくあります。 こういったSSHクライアントは自分の開発環境にインストールして使っていると思います。 しかし、デモやプレゼンをする際など、自分の開発環境以外からSSHでサーバーに接続したい場合、ターミナルアプリケーションがインストールされていないことがあります。 そこで、今回ご紹介するのが、ChromeがSSHクライアントになるエクステンション「Secure Shell」です。 「Secure Shel
こんにちはこんにちは!! ニコニコ超会議2012 『超エンジニアミーティング』で喋った時のスライドを公開します! 『ふつうのformをつかいたい』 - はまちや2 - ニコニコ超会議2012 難しい話は苦手なので、普通のお話です。 あとこのスライドはIEでは動きません。他のブラウザで見てね。 (追記) IEでも見られるようになりました。たぶん。 超エンジニアミーティング全体の内容については、 『ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた』でまとめてくれています。 ちなみにぼくは自分が喋ったあとは、ずーっと隣の『ニコニコ学会β』の発表を見てました。 ロボット作ったりとかすごいかっこいい。 (関連記事) その言葉は誰のためのもの? [この日記のブックマークコメントを見る/書く ]
JavaScriptとPHPは実行の主体が違います。JavaScriptはクライアントサイドのスクリプト言語で、Webの世界ではWebブラウザが実行します。一方のPHPはサーバーサイドのスクリプト言語で、サーバーで動作します。これが一番大きな違いで、ここからいくつかの違いへと繋がっていきます。 ------------ (1)JavaScriptについて Webブラウザには色々な種類がありますよね。Internet Explorer、Firefox、Opera、Safari、Google Chromeなどなど。同じ名前のブラウザでもバージョンが違うとまたそれは違うブラウザで、例えばInternet Exploreのバージョン6と7と8ではそれぞれ違います。 JavaScriptは上記のとおりWebブラウザが実行しますが、ブラウザによって実行の仕方、実行できる命令の種類など、細かい点で多くの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く