Node.jsのプログラミングを並列化して10倍速く動かした話です。 Node学園 31時限目 のLT https://nodejs.connpass.com/event/90936/
10倍速いNode.js並列プログラミング
Node.jsのプログラミングを並列化して10倍速く動かした話です。 Node学園 31時限目 のLT https://nodejs.connpass.com/event/90936/
React VRで始めるお手軽WebVRプログラミング
React VRというのは、Facebookが開発し、GitHubにてBSDライセンスで公開しているオープンソースのVRアプリケーションフレームワークです。現在のところは、Webブラウザ向けにWebGLとWebVRを使ったVRアプリケーションを作るための様々な仕組みを提供しています。 React VRを知らなくても、ReactやReact Nativeなら知っているという人もいるかもしれません。VRコンテンツを作るには新しいフレームワークやライブラリなどを学ぶ必要がありましたが、Reactと同じ考え方を使ってVRコンテンツを作ることができる点が、他のフレームワークと異なる点です。 ネイティブVRが最高の体験をもたらすとは限らない VRというと何らかのVRヘッドマウントを装着して体験するものというイメージがあります。また、VRヘッドマウントは高額で、VRを体験するハードルが高かったことも事実
【Javascript】Javascriptにて文字列のピュニコード変換を行う。
CategoriesAndroid (1)AngularJS (92)AnimateJS (1)Apache (11)Bitbucket (1)Bootstrap (9)bower (3)CakePHP (50)CDN (1)CentOS (61)CentOS7 (9)Chrome (3)CMD (2)composer (1)CSS (33)Doctrine2 (8)Eclipse (16)enchant.js (11)Excel (23)Express (1)Facebook (2)FreeBSD (1)Git (23)gitflow (2)Gmail (1)GoogleMap (1)HTML (17)HTTP (1)iOS (2)Jasmine (1)Javascript (207)jQuery (29)jQueryUI (10)JScript (1)KendoUI (1)Knoppi
Punycodeのjavascript実装と変換テスト - Qiita
var encoded = Punycode.encode("ぴゅにこーど");//=> "28j1be9azfq9a" var decoded = Punycode.decode(encoded); decoded=="ぴゅにこーど" //=> true encoded = Punycode.encode("Punycode変換・逆変換"); //=> "Punycode-wg5gy946aba2534aca0149m" 以下を参考にした Punycode - Wikipedia http://ja.wikipedia.org/wiki/Punycode rfc3492日本語訳 http://www.jdna.jp/survey/rfc/rfc3492j.html 日本語JPドメイン名のPunycode変換・逆変換 http://punycode.jp/ Adam M. Costello
ぐだぐだ JavaScriptで半角と全角を判定する
JavaScriptでは文字列はUnicodeで扱われるため 以下のようにして文字が半角か全角かを判定することができます。 function isHalf(c){ if ( (c >= 0x0 && c < 0x81) || (c == 0xf8f0) || (c >= 0xff61 && c < 0xffa0) || (c >= 0xf8f1 && c < 0xf8f4)) { return true; } return false; } サンプル 1 <html> 2 <head> 3 <script> 4 function isHalf(chara){ 5 c=chara.charCodeAt(0); 6 if ( (c >= 0x0 && c < 0x81) || (c
まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」
eeGeo eeGeoは、「グランド・セフト・オート」や「レミングス」などのクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日本では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日本では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。 登録すれば個人ユーザーでもAPIを使用することができるので、紹介がてらサンプルを載せておきます。 Web版サンプル example 公式サイトに登録し、ダッシュボードから「Create new app」ボタンをクリックして「API Token」を取得してください。 スタイルシートとライブラリを読み込みます。 <link href="https://cdnjs.cloudflare.com/a
JSベースの2D物理エンジン「p2.js」:phpspot開発日誌
GitHub - schteppe/p2.js: JavaScript 2D physics library JSベースの2D物理エンジン「p2.js」 豊富なサンプルも公開されていて見るだけでもわりと楽しめます。 関連エントリ シンプルな3D物理エンジンライブラリ「cannon.js」 Google Gravityみたいな物も再現できる物理エンジン「PhysicsJS」
初心者でも音楽アプリが作れる！Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Web Audio APIの実装で面倒な処理をすべて簡略化し、誰でも音楽プログラミングを楽しむことが可能なJavaScriptライブラリのご紹介です。 わずか数行のコードでゼロから「音」を作り出し、メロディを奏でたりエフェクトをかけたりシーケンスを組み立てたり…など、本格的なWebアプリも作れるポテンシャルを秘めていますよ！ 【 Tone.js 】 （多彩なサンプル事例はコチラから確認できます） ■必要なファイルを準備しよう！ 今回は、簡単なサンプルデモを実際に作りながら「Tone.js」の基本的な使い方をご紹介していこうと思います。 作るのは、簡易的な「ピアノの鍵盤」です！ 「Tone.js」を使うと、わずかなコードで「音」を生成して発音させることが出来るので、「鍵盤」のモチーフは初めての学習にちょうど良いと思います。 さて、このサン
JavaScript : メモリ解放 : typeOf 'aki_mana'
追記）2013-01-24 jQuery 用プラグインの開発に関して、jQuery : ウィジェットのイベントハンドラ てのを書きました。 （2013-01-24 追記ここまで） 追記)2013-02-11 jQuery : 要素の操作は必ずAPIを使うべし 書きました（jQuery でもメモリリークする！？）。 （2013-02-11 追記ここまで） このブログでも、変数にnullを突っ込むことでメモリ解放といった表現をたくさん投稿してたのですが、ある時期からこの表現はやめています。 他のブログを読み、鵜呑みにしてたこともあったのですが、間違いを公開していたことをお詫びします。 こういうコードで示せばわかりやすいかも。 var val = 'hoge'; // 別に strings 以外のデータでもOK val = null; // null 値を突っ込んでるだけで、メモリには残る。 c
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
Home
In 2012, I built my own software for creating and displaying augmented reality content within the browser. Unfortunately, after 2 years it didn’t work out. Then I was freelancing for almost 8 years 👨💻, helping startups building their products in UK, USA, Netherlands and Spain. From webpages connected to third-party services, to digital products used daily by hundreds of users which invoice more
エレメントにサウンドを自由に付けられるjQueryプラグイン「easyAudioEffects.js」:phpspot開発日誌
jquery.easyAudioEffects.js エレメントにサウンドを自由に付けられるjQueryプラグイン「easyAudioEffects.js」。 hover,click時において、簡単に音声を鳴らす為のプラグインです。 midi等、WEB上での音は昔から嫌われてきた経緯がありますが、アプリ時代になって、そういう状況も変わってきているのかもしれません。 関連エントリ HTML5Audioにオーディオ・ビジュアルを付けられるJS フラットデザインがいい感じのオーディオプレイヤー実装jqueryプラグイン
様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」:phpspot開発日誌
Demos - JavaScript InfoVis Toolkit 様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」 デモページでは９種類のビジュアリゼーション方法について紹介されており、グラフ描画ライブラリとは一線を画したデータの見せ方が出来そう 関連エントリ Mediumが作ったデータビジュアライズツール「Charted」 ネットワーク図やタイムライン等を描画できるユニークなビジュアライズライブラリ「vis.js」 かなり豊富な種類のグラフを描画できる「ECharts」
jQRangeSlider: jQuery plugin for range sliders
A powerful slider for selecting value ranges, supporting dates and more. Select dates jQRangeSlider supports both numerical values and date and time. Selecting a time frame has never been so easy. Learn how Touch devices jQRangeSlider supports touch devices: tested with iOS and Android. User can select a range simply by touching and swiping on his tablet or phone. Try demo Steps jQRangeSlider supp
シームレス地質図ラボ (試用版)
*** ご注意!! このサイトは「20万分の1日本シームレス地質図データベース」の一部ではありません *** シームレス地質図ラボへようこそ． このサイトは，地質調査総合センター「20万分の1日本シームレス地質図データベース」（以降「公式サイト」と呼びます）に関心のある皆様に，いち早く新しい機能を試していただくための実験サイトです．公式サイトの一部ではありませんのでご注意ください． このサイトでは，将来正式なサービスとして提供する予定のサービスや実験的なサービス等を試用することができます．更新は予告無くかつ高頻度で行われる可能性があります．また，利用している地質情報そのものが公式サイトよりも若干古い可能性もあり，不具合がなかなか解消され無い場合もあります．これらのことにご注意いただきながらご利用ください． このサイトのコンテンツでは，HTML5やそのほかの最新機能を積極的に利用しているため
MMDモデルを3DCGでウェブ上に公開し閲覧者がアングルを動かしまくれるJavaScriptライブラリ「jThree」
MMD(MikuMikuDance)で作成したファイルをウェブページ上に表示し、閲覧者が視点を自由に操作できるようにするJavaScriptライブラリが「jThree」です。ページ上にモデルを表示させるにはWindows 7を搭載したPCでChrome・FireFox・Operaを使えばOK。また、Macの場合はOperaならば同様にページ上で動作させることが可能なようです。 3DCGコンテンツをjQueryスタイルで作るJavaScriptライブラリ - jThree http://www.jthree.jp/ 実際にウェブページ上でどんなことができるようになるのかは以下のムービーを見れば分かります。 「jThree」を使うとウェブページ上でこんなことができるようになる - YouTube jThreeのトップページにはデモページが3つ用意してあるので、今回は「千本桜 + カゲロウデイズ
html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」:phpspot開発日誌
Rotate HTML elements by mouse in JavaScript - Propeller.js html要素をプロペラ風になめらかに回転させるjQueryプラグイン「Propeller.js」 自動で回転させることもできるし、ドラッグ＆ドロップによって回転させて加速度をつけたアニメーションをさせることもできます 汎用性はありませんが、ちょっとしたエフェクトとして使えそうですね 関連エントリ CSS3アニメーションするモーダルダイアログ実装jQueryプラグイン「Block Slide」 CSS3アニメーションがいい感じのモーダルダイアログ実装jQueryプラグイン「Custombox」 読み終わったらスライドアニメーションで他記事に誘導できるjQueryプラグイン「Promo Slide」 アニメーションするプログレスバーで達成度を視覚化できるjQueryプラグイン
onScreen - 使い道が多そう。表示されたら発動するイベント処理 MOONGIFT
スクロールを使った面白い処理です。 Webサイトにおいてある部分までスクロールしたら処理を実行したいといったニーズは良くあると思います。例えばMOONGIFTの場合はソーシャルボタンを表示するのはその部分までスクロールしてからにしています（描画が遅いので）。 他にも対象の画像を表示されたタイミングで読み込みたいといった場合もあるでしょう。そこで使ってみたいのがonScreenです。 デモを表示しました。このタイミングではイベントは発動していません。 Demosを表示。この時点でイベントが発動します。 使い方はjQueryプラグインなのでシンプルです。 $('elements').onScreen({ container: window, direction: 'vertical', doIn: function() { // 表示されたタイミングの処理 }, doOut: function
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Three.js - examples
IDEA * IDEA
