Repo.jsはGitHubリポジトリをWebページ内に埋め込めるようにするJavaScriptライブラリです。 GitHubの新しく想像した価値の一つがソースコードは魅力的なコンテンツになるということです。Gistもそうですがソースコードをブログの中に埋め込んでいる人が多数います。そこでさらに一歩勧めてリポジトリ自体を埋め込んでしまえるのがRepo.jsです。 ユーザとリポジトリの名前を指定すると、その下にファイルが一覧されます。 もちろんハイライト付きのソースコードビューワーもあります。階層もたどれます。 長いコンテンツの場合は自動的に縦に伸びます。 Repo.jsはユーザ名とリポジトリ名を指定して取り込みます。つまりオープンなリポジトリであれば誰のものでも埋め込みができます。さらにmasterだけでなくブランチを埋め込むこともできるので、後はその解説をつけてブログの記事に仕上げること

WAMI recorderはJavaScriptから操作可能なFlash製の音声録音、再生ライブラリです。 HTML5が浸透しつつありますが、逆にJavaScriptでは出来ないもどかしい部分も明確になってきています。その一つにマイクロフォンへのアクセスがあります。しかしそんな時こそFlashと連携させれば良いのです。WAMI recorderを使えばオンラインの録音、再生環境が容易に実現します。 アクセス許可を求めるダイアログが出ます。 左側が録音、右側が再生ボタンになります。 WAMI recorderはごくシンプルなUIでボタンを押して録音、再生ができます。JavaScript向けのAPIも提供されていますのでWeb上で録音、再生環境が実現できるでしょう。WAMI recorderは録音したデータをPOSTで指定したURLに飛ばせるようになっています。その音声データを使えば面白いサー

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js

先日、無事公開までたどりつけた「Tiny iOS」。 今回は、Tiny iOSに使用した技術要素について、いくつか解説してみます。 Canvas要素 画面の表示は、HTML5のCanvas要素を使用しています。 Canvas要素は、線の描画や塗りつぶし、画像の描画など、多彩な描画機能をサポートする要素。 W3Cでまだまだ仕様策定中ですが、Chrome, Safari, Opera, Firefoxなど、たいていのモダンブラウザで動きます。 IE? 知りません ;-p ピクセルの扱いが手軽、描画オプションも豊富と、なかなか使い勝手のよい仕上がりです。 「何か作っちゃるぜ！」という気にさせてくれます。 Canvasの使い方については、ここを押さえておけばほぼ事足ります。 「Canvasリファレンス – HTML5.jp」 素晴らしいサイトです、感謝。 アニメーション Tiny iOSの

TinyJSはC++で作られた小さなJavaScriptインタプリタです。 mrubyというプロジェクトに注目が集まっています。Rubyの軽量版で、組み込み系に適した実行環境です。ごく小さな実行環境は組み込み系へ適用したり、スマートフォンでも軽快に動作するなど使い道が多いと思われます。そこで紹介したいのがTinyJS、C++で作られた小さなJavaScriptインタプリタです。 インタプリタを起動しました。printを使って結果を出力できます。 trueは1として出力されています。 undefinedもきちんとあります。 TinyJSは僅か2000行程度で作られています。JavaScript/EcmaScriptに準拠する形で開発が進められています。現状はVariables、配列、ハッシュ型に対応しており、JSONのパースや出力も可能です。関数も作成できます。さらにJavaScriptから

Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています．えーと，そりゃもうゴリゴリと． 本文書はsvg要素の基本的な使い方まとめの姉妹版として作成を開始した．canvas要素の仕様は現在進行中で色々と変化しているため，一筋縄で行かないが大方のapiについて書き上がったので公開する．なお，まだ使えない機能等満載だったり，内容に間違いがあっても中々検証することができないので，その部分を了承した上でご利用下さい… 更新履歴 2012/07/18 初版 1・canvas要素の概観 canvas要素とは canvas要素はhtml5で採用されたwebブラウザ上でグラフィックを描画するための機構であり，webページの機能性・視認性が重要視される昨今では，svg要素と並び重要な役割を果たしている．もともとapple社が自社製osの機能向上策として，同

ErrorBoardはJavaScriptのエラーを監視してログに残してくれるソフトウェアです。 システムでエラーが起きればそれをログに残して対処するというのは一般的です。しかしサーバサイドと違ってJavaScriptでのエラーは意外と放置されているのではないでしょうか。そこで使ってみたいのがErrorBoard、JavaScriptエラーのログソフトウェアです。 エラーを取得しました。 エラーの詳細です。 ソースで見てエラーが起きた場所を確認できます。 対処したらチェックします。 ErrorBoardを使えばブラウザごと、時間ごとにエラーが起きた場所をログに残せます。後はそれぞれに必要な修正を行った後、対処済と印をつけていくのみです。ブラウザやバージョンによって動かないといったケースも考えられるだけに、設置しておくと様々なケースに対する対応が出来るようになりそうです。 ErrorBoar

またまたTiny iOSネタです。 Tiny iOSでは当初、JavaScriptライブラリにjQueryを使用していました。 が、色々なメリットを考えて、途中でClosure Libraryに乗り換えました。 クラス継承をしっかりサポートしてくれる jQueryにはない。 Closure Compilerとの相性がよい ライブラリ側の不要なコードもバッサリ削除してくれる。 jQuery100KB + 自分のコード30KBだったのが、まとめて30KBになった！すごい！ Closure兄さん @orga_chem に勧められた ( ° ▽ ° ) これだけ魅力があるとはいえ、慣れ親しんだライブラリを離れるハードルは高く、なかなか導入に踏み切れない方も多いはず。 そこで今回は、Tiny iOSで使用していた機能の対応表をつくってみました。 切り替える際の参考になればうれしいです。 そもそも

JSARToolKitはFlash用ARライブラリFLARToolKitをJavaScriptに移植したライブラリになります。 マーカーを使ったARというとマーカーを認識するカメラが必要になりますが、HTML5ではWebカムのAPIはまだ一般的ではありません。そのためFlashを使うのですが、有名なものとしてはFLARToolKitがあります。そんなFLARToolKitをJavaScriptにポートしたのがJSARToolKitになります。 左側が解析前の動画。中央が認識状況、右側がARを反映した処理になります。 こちらも左側が解析前。解析後はマーカーの上に赤いマークが表示されています。 デモ。マーカーの上にFlickrの画像を反映しています。紙を動かしてもきちんと追従するのでまるで紙に写真が描かれているかのようです。 こちらは面白い。物体がマーカーの上でバウンドしています。マーカーに接

1. Haxeとは？¶ この章には小難しい事が書いてあるので、すぐにHaxeプログラミングを学習したい人は読み飛ばしてもらって構いません。 1.1. Haxeの特徴¶ Haxe（ヘックス）は コンパイル型の静的型付けオブジェクト指向言語 で、以下のような特徴があります。 マルチプラットフォーム JavaScript、Flash、NekoVM（デスクトップ、Webサーバ）への実行可能プログラムの生成 C++、PHP、C#、Javaへのソースコード変換 親しみやすい文法 C#、Java、ActionScript 3（ECMAScript 4）などに似た文法 厳密な型付け、型安全 コンパイル時の型チェックによりバグを未然に防ぐことができる 強力な言語機能 ジェネリックコレクションのサポート 型推論、局所関数（クロージャ、ラムダ式）、構造的部分型などにより、簡潔・柔軟にコードを記述できる インライ

多くのプログラミング言語は、キーワードや予約語などで「function」や「if」といった英単語を使用するため、英語を母国語としない人たちは英単語を覚えるところから始めなければならない。「Babylscript」は、JavaScriptをベースにキーワードなどを多言語化したプログラミング言語だ(Babylscript、 本家/.)。 現在Babylscriptでは英語のほか日本語やアラビア語、ヒンディー語、中国語、フランス語など計13言語のキーワードに対応しており、コード中に「---<言語名>---」のような記述を入れることで切り替えることが可能。たとえば、日本語に切り替えた場合は「function」の代わりに「関数」、「if」の代わりに「もし」といったキーワードを使用してプログラムを書けるようになる。一部を除いて全角と半角は区別されず、日本語の変数名を使用することも可能だ( Transl

ウェブページをPinterestのように無限スクロールさせるjQueryのプラグイン、アンドWordPressのプラグインを紹介します。 Infinite Scroll 一番最初にリリースされたのはかなり前ですが、いつの間にか2.0にバージョンアップされていたのでご紹介。 Infinite Scrollのデモ Infinite Scroll -jQueryのプラグイン Infinite Scroll -WordPressのプラグイン Infinite Scrollのデモ デモはテキストだけのページです。 ページ下部の「more」をクリック Infinite Scroll -jQueryのプラグイン Infinite Scroll -jQueryのプラグイン Infinite Scrollの使い方 Infinite Scrollの実装は簡単です。 まずは、外部ファイルをセットします。 <sc

20 Useful jQuery Lightbox Plugins 今こそ知っておくLightbox風プラグイン20+。 LightBoxが登場して7年ぐらい経つんでしょうかね。色々なところで見るようになったLightBoxのインタフェース。 新しいウィンドウを開く部分の軽量化、ポップアップブロック対策などとして広く使われるようになりました。 派生スクリプトも多数出てきていますので、定番からマイナーなものまで、まとまっていて選択の際に便利かも。 そんなこんなで、このブログも7年ぐらいほぼ毎日更新を続けていますが、LightBox登場あたりから7年も経つのかと時の流れの速さを感じています。 関連エントリ CSS3で出来たクールなLightBox実装チュートリアル

You may have already chosen your favorite JavaScript framework, but if you’re working on many different sites, chances are you need to know how to use some other frameworks as well. What follows is a mini translation dictionary: instructions for accomplishing some common tasks in jQuery, Prototype, MooTools, and YUI (versions 2 and 3). This should also serve as a means for superficial comparison o

2012年07月02日01:43 カテゴリScala これからPlay Frameworkをはじめる人が読むリンク集 とりあえず動かしたい人が読むリンク集をメモ。 ・想定環境：Play frameworkのver2系をScalaでInteliJを使い開発したい人。 ・Play ver1系とver2系は別のものです。間違えてver1の資料を読まないようにしましょう。 ・（そもそもフレームワークとは何か勉強したい、という人は、）Rub on RailsとかCake PHPとか他のフレームワークを知らないときつい気がします。そっちを軽くやってから入るのも良さそう。 ・Play 2.0 ドキュメント · playframework-ja/Play20 Wiki とりあえずここを読みましょう。 ・初めての Play アプリケーション · playframework-ja/Play20 Wiki He

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

DocHubはHTML、JavaScript、PHPなどに対応したAPIドキュメントサーバです。 プログラミングをある程度やっていると、解決法を探すのにAPIドキュメントを当たるのが一番早くなっていきます。そこで社内でも使えるAPIドキュメントサーバとしてDocHubを紹介します。 メイン画面です。今はCSS/HTML/JavaScript/DOM/jQuery/PHP/Pythonに対応しています。 検索はインクリメンタルです。入力するたびに絞り込まれていきます。 後は関数名を選択すればその説明が表示されます。 こちらはJavaScript。ユニークなURLが付くので後で見直すのも簡単です。 DocHubの特徴としてデータは常にオンラインにあるものを使用しているということがあります。そのためデータの更新を行う必要はなく、常に最新のドキュメントが参照できます。問題はインターネットを使う分、

An Introduction to libuv Table of Contents Contents :: Introduction  » Table of Contents¶ Introduction Who this book is for Background Code Basics of libuv Event loops Hello World Error handling Handles and Requests Filesystem Reading/Writing files Filesystem operations Buffers and Streams File change events Networking TCP UDP Querying DNS Network interfaces Threads Core thread operations Synchron

http://girlysozai.com/ 個人利用、商用利用可。二次配布以外であれば完全フリー。 このようなイラストがepsとpng配布されています。個人で運営されているとか。素晴らしいですね。 今回のメインビジュアルも、ほとんどこちらの素材を使っています。 No Reimer Reason http://noreimerreason.com/scrapbook_freebies.php けっこうな数のデータが揃ってます。PSDとか。 Lovey Mini Kit Free Digital Scrapbooking http://scrapbooking.about.com/od/freedigitaldownloads/ss/lovelyminikit.htm Pngでパーツになってた。 Child patterns http://hqtexture.com/vekt

A modern JavaScript utility library delivering modularity, performance & extras.

This page is generated by Parallels Plesk, the leading hosting automation software. You see this page because there is no Web site at this address. You can do the following: Create domains and set up Web hosting using Parallels Plesk. Parallels is a worldwide leader in virtualization and automation software that optimizes computing for consumers, businesses, and Cloud services providers across all

Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Download ZIP File Download TAR Ball Fork On GitHub Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky

Thu Mar 06 2014 19:51:08 GMT-0500 (EST) - REQUESTED.../index.html request: 22ms ------------------------------------------------- Thu Mar 06 2014 19:51:08 GMT-0500 (EST) - REQUESTED.../css/bootstrap.css request: 10ms ------------------------------------------------- Thu Mar 06 2014 19:51:08 GMT-0500 (EST) - REQUESTED.../bundle.js request: 25ms ------------------------------------------------- Thu

When writing a web application from scratch, it’s easy to feel like we can get by simply by relying on a DOM manipulation library (like jQuery) and a handful of utility plugins. The problem with this is that it doesn’t take long to get lost in a nested pile of jQuery callbacks and DOM elements without any real structure in place for our applications. When writing a Web application from scratch, it

Introduction Coarse grain timing with time Fine grain timing with a timing context manager Line-by-line timing and execution frequency with a profiler How much memory does it use? IPython shortcuts for line_profiler and memory_profiler Where’s the memory leak? Which objects are the most common? Which objects have been added or deleted? What is referencing this leaky object? Effort vs precision Ref

import io.vertx.core.AbstractVerticle; public class Server extends AbstractVerticle { public void start() { vertx.createHttpServer().requestHandler(req -> { req.response() .putHeader("content-type", "text/plain") .end("Hello from Vert.x!"); }).listen(8080); } } import io.vertx.core.AbstractVerticle class Server : AbstractVerticle() { override fun start() { vertx.createHttpServer().requestHandler {