タグ

JavaScriptとWebに関するgirledのブックマーク (10)

  • ep20 Browser | mozaic.fm

    Theme 第 20 回のテーマは Browser です。 今回は @takoratta さんをお迎えして、ブラウザは今どうなっているのか、そして、その進化は Web の進化とどう関わっているのかにつて議論しました。 Show Note 及川さんとブラウザの関わり JUNET NCSA Mosaic Netscape DHTML ActiveX なぜ新しくブラウザが必要だったのか? living on the web IE Toolbar V8 成せたこと成せなかったこと Hosted App と Packaged App Chrome Web Store Gears ブラウザはここ数年でどう変わったか? PhoneGap Cordova Electron Extensible Web ブラウザの肥大化問題 TPAC 2015 IETF 94 Chrome Dev Summit Chrom

    ep20 Browser | mozaic.fm
    girled
    girled 2015/12/21
    及川さんがゲスト。猛烈な未来のブラウザトークがサイコウだった。インターネットブラウザとは社会的責任を担っているって話が考えさせられた。Webとは何か。Webとは何なのか。楽しすぎて2回聴いた。
  • こんなにあった!シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由 | マミオン有限会社-パソコン・数学研修、法人研修

    シニアがウェブサイトを利用する際の大きなハードルの一つが、各種「入力フォーム」です。 一般的にシニアの方ほど入力に時間がかかり、また不適切な入力によるエラー発生頻度も高くなることは、ユーザビリティ業界の権威であるニールセンノーマングループのレポートも統計データを用いて指摘しています。 シニアをターゲットとしたウェブサイトの多くはこうした状況を考慮して、入力フォームのシニア対応に力を入れているところが多いのですが、その中でも私個人から見て特に完成度が高いと感じているのが、健康品の『皇潤』で有名なエバーライフです。 今回、そのエバーライフの入力フォームで実装されている様々なシニア対応施策について、実装方法まで含めて詳しくご紹介していこうと思います。 1. 各フォームがそこそこ大きく見やすい 2. 必須項目表示がわかりやすい 3. ふりがなが自動的に入力される 4. 住所が自動的に入力される

    girled
    girled 2014/12/17
    取りこぼさない技術。UIのフレンドリーな進化はITで生活を豊かにするに直結してるような気がして好きです。
  • コンボパズル by huntinggirled様 - ゲーム攻略研究所@9leap

    パネルを並び替えて、三つ揃えて消すパズルゲーム。 Operaでやると固まることがあるので注意。 firefox推奨。 以下、-- 続きを読む -- をクリックで攻略記事。 細かいルール・仕様 パネルの色は全部で5色。ランダムで選ばれる。 (見づらい色になることもあるので注意)。 50歩分だけパネルを移動することができるが、 握ったままうろうろしても歩数は使うので注意。 4個以上消しても1コンボにしかならないが、 同時に二か所で消しても2コンボになる。 攻略 最大コンボ数がスコアランキングに載るので、 これを最大にするプレイを考えよう。 コンボ数を最大にするためには、 ・初期配置で50歩使い切って、なるべく多くまとめて消す ・あとは降ってくるパネルでコンボがつながるのを期待 という作戦が一番得だと思う。 初期配置には全部で6*5で30個のパネルがある。 これで10コンボを作るのが最高になる。

    girled
    girled 2014/12/12
    3年前くらいに作ったゲームの攻略記事があるのを見つけた。当時ハマってたパズドラの練習をPCでもしたくて片手間に作ったゲームにこんな真面目な攻略分析してもらってむしろ恐縮してしましますw
  • Cookie Clicker

    Slow connection? If not, please make sure your javascript is enabled, then refresh. If problems persist, this might be on our side - wait a few minutes, then hit ctrl+f5! Your browser may not be recent enough to run Cookie Clicker. You might want to update, or switch to a more modern browser such as Chrome or Firefox.

    girled
    girled 2013/09/19
    クッキーはじめました。宝くじシミュレータ的な中毒性。
  • ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由

    ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 1.はじめに TwitterPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!(エクスクラメーション)」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="twitter-share-button" data-via="yujiro" data-lang="ja" data-size="large">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE

    girled
    girled 2013/06/13
    なるほど、確かに単項演算子と思えば不自然ではないなあ。パズルみたいで面白い。コードゴルフやってるみたい。
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    girled
    girled 2013/05/09
    今日はSVGをいろいろ勉強しててこれが出てきた。再利用可能なアニメっていう未来も面白そうだなあ。主人公やキャラを自分でカスタマイズ出来るとか。で、高画質でマルチデバイスで再生。
  • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

    どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

    インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
    girled
    girled 2012/11/28
    コンテンツ自体の運用上、なかなか最適化しにくいサイトとかにはかなり効果的な改善対応になりそうだなー。
  • "遅いブログパーツを高速表示する方法"を検証する | ゆっくりと…

    かん吉さんの記事 「遅いブログパーツを高速表示する方法」、すばらしいですネ。アフィリエイトをやっている人にとっては、とても興味を引く記事だと思います。ですが、紹介されているスクリプトは、中級以上の方が対象 とあるように、私のような初級者が知っておくべきことがあるはずです。 そこでまず私自身が中級者以上となるために、過去3回に渡り自分なりにブラウザの動作を勉強してきました。 ブラウザ動作の理解-レンダリングツリーの構築と描画のタイミング ブラウザ動作の理解-リフローとリペイント及びその最適化 ブラウザ動作の理解-レンダリングの負荷を測る そこから見えてきたのが、レンダリング・ツリー の役割りです。ブラウザの質は、ドキュメントとその見た目 (ビュー) の管理です。前者は、文書自体やその構成の管理に責任を負い、後者は、描画について責任を負う。そして、両者のコラボレーションによりユーザーに情報を

    girled
    girled 2011/12/13
    ブログパーツでcloseが抜けててiPhoneのSafariでうまく表示ができないやつ対策になるんじゃないかと思って調べ中。
  • グーグル、新言語「Dart」を発表。JavaScriptのようなWebプログラミングを想定

    DartはWebアプリケーションの開発を想定したプログラミング言語。実行方法として、JavaScriptに変換してWebブラウザ上で実行する方法と、専用の仮想マシンを搭載したWebブラウザで実行する方法が予定されています。グーグルChromeDartの仮想マシンを搭載する計画を検討中であることを明らかにしています。 Dartの設計方針は次のように説明されています。 Create a structured yet flexible language for web programming. Webプログラミングのための、構造的だが柔軟性のある言語を作る Make Dart feel familiar and natural to programmers and thus easy to learn. Dartを、プログラマにとって親しみのある自然で、学びやすいものとする Ensure t

    グーグル、新言語「Dart」を発表。JavaScriptのようなWebプログラミングを想定
    girled
    girled 2011/10/11
    Goといいどうだろうねえ。やっぱりJavaみたいな業界浸透を目指してるんだろうけどあんまりピンと来ないかもなあ。まあ、Javaも最初そんなんだったかもしれないけど。
  • 10年ぶりにJavaScriptがついにバージョンアップへ、年内承認の見通し

    10年ぶりにJavaScriptがバージョンアップする見通しとなりました。JavaScript(正式名称はECMAScript)の標準化団体であるEcma Internationalが4月9日に「Ecma International finalises major revision of ECMAScript 」というリリースを発表しています。ファイナルドラフトとなるドキュメント「final draft ECMA-262 5th edition」も公開されました。 新バージョンのECMAScriptはこれまでECMAScript 3.1と呼ばれていましたが、今後は名称が「ECMAScript 5th Edition」になるとのことです。そしてこれが一般的にはJavaScript 2.0と呼ばれることになるでしょう。 リリースからポイントを抜き出してみます。 The Candidate mi

    10年ぶりにJavaScriptがついにバージョンアップへ、年内承認の見通し
    girled
    girled 2009/04/15
    機能が追加されて楽しいこといっぱいできるようになるのはうれしいけど、下位互換とか動作確認、バグ調査とか対応がめんどくさくなるのはカンベン。
  • 1