第6回勉強会 フレームワークの世界まる見え!JS特捜部 ~ React,Angular,WinJSだらけの2時間SP!~ の際の登壇で使用したスライドです。 動画と一緒にご覧ください。 https://youtu.be/HIkXfc4rowURead less
![About WinJS](https://cdn-ak-scissors.b.st-hatena.com/image/square/09de66ff1ec8841f843b72195a1a1feb6bfc6d10/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fwinjs-150519013716-lva1-app6891-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
Pluploadはオープンソースのファイルアップローダーで、jQueryを使用してファイルのアップロードやリサイズ処理を行う事が可能になっています。 アップロードには複数のプラットフォームから選択可能で、FlashやSilverlightを使用する事も可能。 作者はTinyMCEの開発者の方だそうです。これは期待できますね。 詳しくは以下 機能 各テクノロジーについて何ができるかは、表にまとめられています。HTML5はJavaScriptだけで画像のリサイズなんかもできちゃうんですね。 以下のような機能があるようです。 複数ファイルのアップロード アップロード進捗状況の表示 最大ファイルサイズの制限 画像のサイズを変更する ユニークなファイル名の指定 複数ファイルのアップロード処理はCMSでは必須なので、こういったライブラリがオープンソースで公開されるのは開発者には嬉しいですね。 ソースも
twitter facebook hatena google pocket 日本人ですし、WEBでも縦書き使いたいですよね? はいJavaScript! 縦書きjQueryで実現するnehan - Project Hosting on Google Codeです。 (追記) ※作者の方からご指摘いただき、jQueryがなくても動くとのことです。 sponsors 使用方法 nehan - Project Hosting on Google Codeからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="nehan.js"></script> <script type="text/javascript">
MooTools ClassA simple MooTools Class example. var Animal = new Class({ initialize: function(age){ this.age = age; } }); var Cat = new Class({ Extends: Animal, initialize: function(name, age){ this.parent(age); // calls initalize method of Animal class this.name = name; } }); var myCat = new Cat('Micia', 20); alert(myCat.name); // alerts 'Micia'. alert(myCat.age); // alerts 20. ImplementThis metho
Titanium Mobileがそもそもなんなのかというところなのですが、 次のslideshareのスライドで端的にまとまっています。 http://www.slideshare.net/marshall_law/titanium-mobile-intro 特徴 HTML5, CSS, CanvasといったWebの標準技術でUIを構成できる JavascriptのソースをiPhone(3.x)とAndroid(1.5)をネイティブコードに変換 ブリッジとしての動作もしているようなので、すべてがObjective-CやJavaのソースになってるわけではなさそう 高速なJavascript APIでwidgetやviewを操作 通常のHTML5でWebアプリケーションを作る際に制約がありできないことが可能になります。 Native UI(Javascriptから生成・操作) 音楽・動画再生
はじめに この記事では、JavaScript 用のテンプレートエンジン Jarty を紹介します。 Jarty (じゃーてぃー) とは、PHP の有名なテンプレートエンジンである Smarty を JavaScript に移植したものです。ただし、完全に再現しているわけではなく、いくつかの機能は制限されています。 Jarty には以下のような機能があります。書式の多くは Smarty 互換です。 変数の置換 {$foo} => "abc" {if} {else} {/if} などの条件分岐 {foreach} {/foreach} などのループ {$foo|upper|escape} などのフィルタ (パイプ) etc. ソースコードは The MIT License として公開しています。 GitHub 上のリポジトリ: http://github.com/kotas/jarty また、
こんにちは、情報環境技術研究室のsyuuと申します。 GoogleがMapsなどのサービスでFlashを使わずにHTMLとJavaScriptだけでここまで出来るのだ、という事を実証してみせ、Ajaxという言葉が流行ったのも一昔前、今ではすっかり定着した感がありますが、実際の所、ブラウザ上のJavaScriptでどこまでのプログラミングが可能なのでしょうか。 この記事では、私はまだまだJavaScriptを甘く見ていた、シバキ倒せばもっと色々出来るんだ!と感じさせてくれた幾つかのJavaScriptプログラムをご紹介したいと思います。 ■Concurrent.Thread - 標準的なJavaScriptだけで書かれたスレッドライブラリ まずは、「Concurrent.Thread(http://jsthread.sourceforge.net/cgi-bin/wiki/wiki.cgi?
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日(11日)は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実(AR)のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
こんばんは。昨日のエントリーで、ログイン認証をAjaxで実現しようかと述べていたのですが、そうしました。流れとしては、 ログインアイコンをクリックすると、その場でログイン画面を生成 IDとPWDを入力したら送信。このときにAjaxのPOSTモードで送信しますが、IDとPWDはJavaScriptでMD5G処理して送出されるので、セキュリティー的には安心です。 正しいIDとPWDであれば、指定していた管理画面に遷移しますし、認証に失敗すれば警告が出ます。 てな感じです。Ajaxを使うことの利点は、わざわざログインページに移って、そこで認証して・・・という流れがなくなり、少ない手順でログイン出来ることです。これに慣れると、これまでのログイン手順が面倒に感じますよ。キモのスクリプトだけを抜粋しておきます。 function AjaxLogIn(){ var module = Ajax.clone
FlashとJavascriptで簡単な暗号化(難読化)の方法は? FlashからJavascriptに数字をわたすというものを作っているのですが、 渡す数字をぱっと見ただけではわからないようにしたいと思っています。 当初、16進数への変換を考えていましたが、数字が10桁を超える場合もあるため、 「JavascriptでParseIntが正常に動かない」ことがあり、困っています。 何か、数字を暗号化(難読化)する方法で、Flashから渡したものをJSでデコードできるものはないでしょうか?
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ&ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
なぜ、PHPのmbstring.func_overloadをdeprecatedにするのに5年かかったのか? - 慢心、環境の違い sasezaki
These are demos of Gordon - An open source Flash runtime written in pure JavaScript with SVG blue.html (& its .swf) tiger.html (& its .swf) trip.html (& its .swf) Gordon is by Tobey Tailor (@tobeytailor). (I'm merely hosting these demos) View Gordon's full source on github Update! Flash on the iPhone courtesy of Gordon
Ext JSとprototype.jsで作るリッチなUI:パターンとライブラリで作るAjaxおいしいレシピ(3)(1/4 ページ) 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ(フレームワーク)です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム(拡大表示はこちら、※注意1:FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient. Gmail、Google DocsなどGoogleが提供しているWebアプリケーションのクライアントサイドのほとんどはJavaScriptで開発されている。これはGoogleのサービスを支える門外不出のコードのように思えるが、5日(米国時間)、これらGoogleのWebアプリケーションを支えているソースコードがClosure Toolsの名称で公開された。公開されたツールは次のとおり。 Closure Compiler JavaScriptをよりコンパクトで高性能なコードへ変換するコンパイラ。使われていないコードの削除やミニファイを実施する。文法、変数参照、
ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。 表の見方 XSLT の HTML 出力 createHTMLDocument メソッド createDocument メソッド createDocument メソッドと名前空間の指定 createDocument メソッドと文書型宣言の指定 createDocument メソッドと文書型宣言及び名前空間の指定 cloneNode メソッド iframe 要素 ActiveXObject CID からの作成 まとめ 表の見方 以下の表において、各項目の意味は次の通りです。 doc HTML 文書を作成できれば○、XML 文書を作成できれば△、それ以外なら×です。HTML 文書かどうかは、cre
jQuery.fn.inc プラグイン 祝・jQuery 1.3 リリース! Release:jQuery 1.3 - jQuery JavaScript Library それを記念して──というわけでもないが、自作した jQuery のプラグインを紹介する。名前は「jQuery.fn.inc」。そのままのネーミングだ。 http://asiamoth.com/download/js/jquery.fn.inc.js 指定したファイルを任意の場所に読み込むという、よくあるインクルード系のスクリプトである。しかし、読み込んだファイルは任意の部分だけを表示できる、というのが特徴だ。 インクルードするファイルは 1 つにまとめて、そこから複数の場所を読み込む、という使い方ができる。ファイルの管理が楽になるだろう。 完全に自分の創作ではなく、いつも読んでいる「かたつむりくんのWWW」からスクリプト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く