localStorageをもうちょっと便利にするRockstage.jsというライブラリを作りました - Life goes on
久々に更新したんで、密かに作ってたライブラリについて。 ちょっと前にlocal or sessionStorageのラッパーみたいなライブラリ作りました。まだ 完成では無いんですが、まあ、今のままでも普通に使うよりかはちょっと便利だろうと紹介します。 Rockstage.js 以前の案件で、ガツガツlocalStorage使ってたものがあったんですが、その時にオブジェクトは一旦シリアライズしなきゃいけなかったり色々面倒だなーと思ってて、ずっとそのままにしておいたんですが先月位に暇が出来たのでこさえてみました。 依存ライブラリは今の所無いです。 特徴というか今はまだ車輪の再発明なんですが、 オブジェクト渡すと勝手にJSONオブジェクトにしてlocalStorageに保存する booleanを第2引数に渡すと、localかsessionか選べる keyの存在判定メソッドがある くらいかな。 最
Respond.jsとレスポンシブWebデザインをめぐるベストプラクティス議論 | ゆっくりと…
2012年2月、Modernizr 2.5 の カスタム・ビルダー から Respond.js が外されました。理由は、HTML5 Boilerplate （以下 H5BP） コミュニティでの決定です。Respond.js は、IE8 以下などのメディアクエリ未対応なブラウザにもその代替え機能を提供するスクリプトで、レスポンシブ Web デザイン を支えるスクリプトとして、H5BP に長らく （8ヶ月） 採用されてきた経緯があります。 ではなぜ、Respond.js は外されたのでしょう？ 今回は、その決定を下した長～い議論 Issue #816: Revert mobile-first media queries and remove respond.js から、ベスト・プラクティスの要点と、Paul Irish の考える H5BP の理想像を読み解いてみたいと思います。 ヘタクソで読み
JavaScript正規表現での最短マッチと、改行が含まれた文字列のマッチ - ゆず日記
今更かもですがメモ。 最短マッチ var hoge = "<div class='wrap'><div class='target'>(・ω・ ﾐ 3 )∋</div></div>"; hoge.match(/<div class='target'>.*<\/div>/); // 実行結果: ["<div class='target'>(・ω・ ﾐ 3 )∋</div></div>"] hoge.match(/<div class='target'>.*?<\/div>/); // 実行結果: ["<div class='target'>(・ω・ ﾐ 3 )∋</div>"] 改行を含めた文字列のマッチ var hoge = "<div class='wrap'>\n<div class='target'>\n(・ω・ ﾐ 3 )∋\n</div>\n</div>"; hoge.match
AndroidやiOSの「ハイブリッドアプリ」で，JavaScriptとネイティブ・コードが連携する仕組みを図解 （おまけ：HTML側で施すべき，クロスプラットフォーム対策） - 主に言語とシステム開発に関して
AndroidプログラミングのTOPへ HTMLやJavaScript等のWeb技術を使って，AndroidやiPhoneなどモバイル環境のネイティブ・アプリを作成する事ができる。 そういうアプリの事をハイブリッド・アプリと呼ぶ。 AndroidとiOSでは，ハイブリッド・アプリを実現するためのアイデアは，非常に似ている。 下記の図を見れば，仕組みが酷似している事が分かるはずだ。 なおWindows Phoneの場合も，だいたい似たようなフロー。 以下では，各プラットフォームごとの詳細な事情をメモする。 また，複数プラットフォーム間での移植性を向上させるために，HTML側でどのように対処したら良いか？という課題についても述べる。 （１）Androidの場合 Androidでハイブリッド・アプリを実現するための仕組みは，下記のエントリに記述した。 たった２ファイルで，HTML＋JS製のネイテ
物理エンジン「Box2D」＋ゲームエンジン「enchant.js」のキホン！（前編）
物体の動きをシミュレートする2次元物理エンジンの定番「Box2D」と、話題の国産HTML5/JavaScriptゲームエンジン「enchant.js」を組み合わせたプログラミングを紹介します。 「Box2D」はスマートフォンの大ヒットゲーム「Angry Birds」（図1）も採用している定番の2次元物理エンジンです。物理シミュレーションのプログラムをゼロから作ろうとするととても大変です。ところが、Box2Dなどの物理エンジンを使えば比較的簡単に物理シミュレーションを取り入れたプログラムを作成できてしまいます。 「enchant.js」は日本のユビキタスエンターテインメントが開発するHTML5/JavaScriptのゲームエンジンです。enchant.jsを利用すれば素のHTML5/JavaScriptでプログラムを書くよりもずっと容易にゲームを作成できます。 両者ともオープンソースなので誰
連載インデックス「HTML5アプリ作ろうぜ！」 - ＠IT
連載インデックス HTML5アプリ作ろうぜ！ “HTML5アプリ作ろうぜ！”では、デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 Android 5.0のMaterial DesginをWebに持ち込むPolymer HTML5アプリ作ろうぜ！（13） Material DesginでWeb ComponentsでOSSでレスポンシブなJavaScriptフレームワーク「Polymer」をWeb上で活用するための方法を紹介
GitHub - ericdrowell/KineticJS: KineticJS is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
##Mothballed I will no longer be maintaining this repo or the official KineticJS website because I have moved onto other ventures and projects. The latest version of KineticJS, 5.1.0, is very solid and can still be used in production applications. Please feel free to fork the repo if you'd like to make changes. ##Concrete.js Alternative Concrete.js is the lightweight version of KineticJS. It suppo
【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）
こんにちは、橋本です。 今回と次回の２回にわたり、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 Javascriptのコードをデバッグする際に、console.logを使ってメッセージやオブジェクトの内容をログに表示することがあるかと思いますが、 この「console」オブジェクト、実はlogメソッド以外にも複数のメソッドがあります。 まずは、consoleオブジェクトにどのようなメソッドがあるか、console.logを使って表示してみたいと思います。 consoleオブジェクトの中身を見てみると、__proto__オブジェクトに以下のメソッドが定義されています。 assert count debug dir dirxml error group groupCollapsed g
mizzz.jp
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
[JS]DOMエレメントを操作するシンプルで超軽量のスクリプト -Chibi
jQueryなどの他のスクリプトに依存せず、DOMエレメントを操作するシンプルで超軽量（2KB gzipped）のスクリプトを紹介します。 Chibi -GitHub Chibiの対応ブラウザ Chibiの使い方 Chibiの対応ブラウザ IE6をはじめ、ほとんど全てのデスクトップ・スマートフォン用のブラウザをサポートしています。 Android Browser 2.1+ Blackberry Browser 6+ Chrome Chrome Android Firefox 3.5+ Firefox Mobile Internet Explorer 6+ Internet Explorer Mobile 9+ Opera 10+ Opera Mini Opera Mobile 10+ Safari 3.2+ Safari Mobile 3.2+ Symbian^3 Browser or h
JSのCIで椅子を投げられないため方法
状況はかなり改善した 非同期、setTimeout, Ajax系はSinonJSで簡単に Swarm系のツールでDOMのテストも容易に 環境構築も非常に楽になった PhantomJSはバイナリもあるし、ビルドも簡単 Swarm系のツールならブラウザでURLへアクセスすればすぐテスト開始
@XSS (一部のブラウザのlocation.hrefがXSSを引き起こしやすいことに関する注意喚起)
@XSS (一部のブラウザのlocation.hrefがXSSを引き起こしやすいことに関する注意喚起) 概要 一部のブラウザのlocation.hrefは、XSSなどのセキュリティ問題を引き起こしやすい値を返します。この挙動により、location.hrefが自分と同じドメインのURLを返すことを前提に書いているコードは全て、正しく動かなくなる恐れがあります。 影響を受けるブラウザ Safari 6未満(Windowsは修正版がリリースされていません) iOS 6.0未満のSafari Mobile Android4.1未満?の標準ブラウザ(Android 2.3.6でテストしました。@bulkneetsさんによると4.1は修正済み、4.0.3は影響を受けるとのことです。@cubedlさんによると4.0.4は影響を受けるとのことです。) 挙動の再現 1. http://l0.cm/atx
leanModal
Strengths perfect for hidden page content uber light at just over 1kb (minified) flexible width & height image free multiple instances on one page great for login, sign up & alert panels, etc. How To Use Step 1: together with JQuery, include jquery.leanModal.min.js in your page, thusly: <script type="text/javascript" src="path_to/jquery.leanModal.min.js"></script> Step 2: rather than call another
Home - Recline Data Explorer and Library
A simple but powerful library for building data applications in pure Javascript and HTML. Recline re-uses best-of-breed presentation libraries like SlickGrid, Leaflet, Flot and D3 to create data 'Views' and allows you to connect them with your data in seconds. Documentation » Tutorials » Demos » Get started fast // Load some data var dataset = recline.Model.Dataset({ records: [ { value: 1, date: '
jQuery PowerTip
PowerTip is a jQuery tooltip plugin with a smooth user experience that features a very flexible design which is easy to customize, gives you a variety of different ways to create tooltips, supports adding complex data to tooltips, and has a robust API for developers seeking greater integration with their web applications. Download v1.3.2 Zip file with examples, CSS, and script. For older versions,
AngularJS フレームワークについて
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
JavaScriptの実行速度を4倍高速にするJailbreak Tweak Nitrousがマジすごい
MobileSafariは、他のアプリに対し、特権的な立場にあるわけです。 Nitrousを導入すると、民衆もNitroが使えるようになる Nitrousを導入するとどうなるか？ MobileSafariでしか使えないようにしてあるNitroが、どのアプリでも使えるようになります。 Nitrousの影響の範囲は非常に広い JavaScriptエンジンは、WebViewの中で動いています。 例えば、Tweetbotでリンクをタップしたときに開くWebViewなど。 Tweetbot for Twitter (iPhone & iPod touch) カテゴリ: ソーシャルネットワーキング 価格: ￥250 Nitrousを導入すると、WebViewでの表示が速くなるわけです。 これは分かりやすい例。 WebViewは、Webページを表示するためだけに使われているわけではありません。 例えば、
『knockout.jsでさくさくWebアプリ開発』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！ スマホ対応アメーバピグ Webアプリ版の開発を担当している吉川浩太と申します。 knockout.js」の機能と特徴を、簡単にご紹介できればと思います。 knockout.js？knockout.js (http://knockoutjs.com/) knockout.jsはMVVM（Model-View-ViewModel）パターンのフレームワークです。 双方向データバインディングやアイテムテンプレート等の機能があり、SilverlightやWPF開発者にはかなりとっつきやすいフレームワークだと思います。 WebアプリではDOMを動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - bernii/gauge.js: 100% native and cool looking JavaScript gauge
GitHub - soulwire/sketch.js: Cross-Platform JavaScript Creative Coding Framework
