requirejsは、htmlにscriptタグを量産することなく、依存性管理を行える非常に便利なライブラリです。 今回は、これを使って、「必要になるまでモジュールを読み込まない」、遅延ローディングの方法を考えてみます。 通常の利用方法 通常は、requirejsを利用するコードは以下のように書きます。 // app.js require(["mod"],function(Module){ console.log("app.js loaded"); document.querySelector("#hello").onclick = Module.hello; }); // mod.js define([],function(){ console.log("mod.js loaded"); return { hello : function(){ alert("hello"); } };
TOP イベント Blockchain as a Service を使ったブロックチェーンアプリ開発ハンズオン 〜SWT Blockchain プレイベント〜 イベント内容 BaaS (Blockchain as a Service) を使ったブロックチェーンアプリ開発ハンズオンを開催いたします。 本ハンズオンでは、Lisk Protocol ベースの Blockchain as a Service である「ACCEL BaaS」を利用して、ブロックチェーンアプリ開発を行います。 ACCEL BaaS を利用することで、多くの Web 開発者にとって馴染みのある JavaScript でブロックチェーンサービスを開発することができ、またウォレット作成や送金処理などの機能を少ないコード量で実現することができます。 対象者 ・ブロックチェーンアプリケーションを簡単に、早く開発できる方法に興味が
はじめに どーも、python大好きな終末プログラマ(自称)です。 私みたいな初心者がこんなテーマを論じていいのか不安ですが、備忘録も兼ねて書きたいと思います。 前回の投稿の通り、友人が飲食店をオープンしたのでbootstrapのテンプレートをこちょこちょいじってサイトを作ってあげたのですが、中身が大体完成したので公開に向けてgoogleさん対策でPageSpeed Insightsなどでいろいろ調べてみました。 ineのurlスキームで簡単な注文システムを作ってみた 今回は、HTMLとJavascript,cssしか使ってませんので、私が普段独自ドメインのメールサーバーとして使っているさくらのレンタルサーバー(ライト)で運用する予定なのでこの条件でテストしました。 お気づきの点があればどんどんご意見ください(^o^)/ webサイトの診断サイト 今回使ったのは下記のサイトです PageS
By: Search Engine People Blog ソーシャルボタンが重いので、Javascriptの読み込み非同期化とフッターへの移動で高速化を試みました。結果ページ読み込み時間は2割ほど少なくなり、体感的にも少し速くなりました。 同期読み込みと非同期読み込みとは 同期読み込み FacebookやtwitterボタンのJavaScriptは、デフォルトでは「同期読み込み」になっています。 非同期読み込み そのため、FacebookやtwitterボタンのJavaScriptが完全に読み込まれるまで、他の部分の読み込みが行われません。 しかし、「非同期読み込み」にすると、FacebookやtwitterボタンのJavaScriptの読み込みが完了していなくても、他の部分の読み込みが行われます。 非同期化前の読み込み速度 当サイト内のある特定ページの読み込み速度を測ってみました。 そ
GeoCommons A public community and set of tools to access, visualize and analyze data with compelling map visualizations. http://geocommons.com GeoCommons Type: Web Application & API Technology: JavaScript, Ruby License: Various Links Website API Documentation GitHub User Google Fusion Tables A web application that makes it easy to host, manage, collaborate on, visualize, and publish data tables. h
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is writ
I have the following code: <form method='post'> <input type='submit' name='bid' value='Licitar'> When the user clicks the submit button, I want to update the WordPress post meta, in order to change the actual bid value. I'd also like to update, without reloading the page, the following div: <div class='vehicle-value-box'>".auctionplugin_get_latest_bid($post->ID).",00€</div> How can I do both? I ha
javascriptの連想配列(オブジェクト)の要素数を知りたい時Object.keys()を使うと便利。 var myKantai = { flagship: '鬼怒', destroyer1: '吹雪', destroyer2: '白雪', destroyer3: '初雪', destroyer4: '深雪' }; 例えば上の様なオブジェクトの要素数を知りたい時は var length = Object.keys(myKantai).length; console.log(length); // 5 の様な感じで要素数が取れます。 // 第20駆逐隊に編成 myKantai.flagship = '神通'; myKantai.destroyer1 = '東雲'; myKantai.destroyer2 = '吹雪'; myKantai.destroyer3 = '磯波'; // des
2013年のアドベントカレンダー用に作ったアプリなのですが、紆余曲折あってようやくリリース出来ました。 BeaconEgg - App Store BeaconEggの簡単な説明 一行で説明すると BeaconEgg.jsという専用のライブラリを使いWEBコンテンツを制作し BeaconEggアプリ上でそのコンテンツを開けば、iBeaconの機能にアクセスできるようになるよ! というものです。(二行) できること BeaconEgg.jsで作成したデモがあるので、そちらを見ていただけると理解しやすいと思います。 デモが動いている動画はこちらです。 BeaconEgg - Demo from Naoto Horiguchi on Vimeo. できないこと Backgroundで動作しない(はず) デモのコードを解説 デモで使用したコードがこちらです。 ざっくり説明していきます。 まず、48
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く