今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
Webブラウザ上で動作するmruby·JsMruby MOONGIFT
JsMrubyはGoogle Chrome/Firefoxの機能拡張として動作するmrubyです。 mrubyは通常のRubyに比べてコンパクトである分、組み込み分野などでの活躍が期待されています。しかし軽量であるという点に注目し、なんとWebブラウザ上で動かしてしまうのがJsMrubyです。 インストールします。 実行しました。Js Mrubyという出力がCanvasにされています。 JsMrubyはまだ限られた環境下でしかどうさしないようですが、WindowsであればGoogle ChromeやFirefoxでも使えます。Rubyスクリプトを動かすのはもちろん、機能拡張をRubyで書くと言った使い方も考えられそうです。 JsMrubyはGoogle Chrome/Firefox用のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこ
JavaScriptのライブラリを沢山集めてカタログ化しているWebサイト・Jster - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 JSライブラリのまとめサイトの ご紹介。既知の方も多いかもし れませんが、探すのに便利なの で改めてご紹介します。カテゴ リ分けもしてくれているので探 しやすいです。 様々なJSライブラリがまとめられています。探し物がある際は覗いてみるといいかも。 UIやメディア、グラフィック、ユーティリティなどのカテゴリに分けられています。現在は900ほどのライブラリがまとめられています。 シンプルで探しやすいのではないかと思います。ライブラリはそれぞれ簡単な説明もしてくれています。 パッと見たところ、評価の高い印象のライブラリに絞ってくれている・・・気がしました。（気がするだけかも 困ったら覗いてみようと思います。 Jster
Vanilla JS
Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. Introduction The Vanilla JS team maintains every byte of code in the framework and works hard each day to make sure it is small and intuitive. Who's using Vanilla JS? Glad you asked! Here are a few: FacebookGoogleYouTubeYahooWikipediaWindows LiveTwitterAmazonLinkedInMSN eBayMicros
小さなツールだけど便利。Photoshopを自動操作するJavaScript集·Photoshop Javascript Tools MOONGIFT
Photoshop Javascript ToolsはPhotoshopの自動操作を行うためのJavaScriptライブラリ集です。 知らなかったのですが、Photoshopの自動操作を行うスクリプトはJavaScriptで記述可能です。今回はそのためのツール集とも言えるPhotoshop Javascript Toolsを紹介します。 インストールします。PhotoshopのScriptsディレクトリ内にコピーします。 スクリプトメニューに取り込まれました。 一例です。ガイド作成します。 こんな感じにラインが引かれました。 エラーを見るとJavaScriptっぽいのが分かります。 主な機能は二つで、ガイドラインを引くライブラリとフォント名を表示したり変更できるライブラリになります。また、その他プログレスバーのUIやカレンダーを作成する、JPEGへのエクスポートを行うライブラリなど小さなツ
グラフ描くならMorris.jsがお手軽で良いかも - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
sourceforge.jp
We’re getting things ready Loading your experience… This won’t take long.
UIWebView のJSから、ObjCネイティブの関数を呼び出す方法(Alertでドメイン名をださない方法) – Zero4Racer PRO Developer's Blog
基本的なことですが、UIWebViewからdelegateを使って機能を呼び出す簡単な方法があったので共有します。こちらのリンクからの情報です。 iphone – How to change a javascript alert box title into an UIWebView? – Stack Overflow まず UIViewに表示するHTMLから。こちらではローカルのファイルを使いましたが、通常のWebサイトでももちろん可能です。 ここで、onClick (イベントでなくても、任意の JavaScriptでOK)から、 document.location='app://alert'; や、 document.location='app://actionSheet'; などのコードを実行しています。この際、WebViewは、ページがかわる許可を得るために、UIWebViewDe
Ratchet
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
JavaScriptでうっかりやってしまいそうなこと色々
こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか？ String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
Mozilla製。JavaScriptにマクロ機能を追加·Sweet.js MOONGIFT
Sweet.jsはJavaScriptでマクロ機能を実現するライブラリです。 JavaScriptでSchemeやRustのようなマクロを実現するライブラリがSweet.jsです。柔軟に自前の構文を定義できるようになります。 インストールします。 例です。idというマクロを定義します。 sjsコマンドでコンパイルします。確かに展開されました。 次はmというマクロを定義します。 こちらも展開されました。 変数を定義するマクロです。 関数を定義するdefというマクロを作ると… functionに置き換わります。長ったらしい名称からおさらばです。 Sweet.jsを使うと既存のJavaScriptの中にマクロを組み込めるようになります。そしてコンパイルを実行することでマクロ部を展開して利用できます。よりJavaScriptを柔軟に使いこなせるようになりそうです。 Sweet.jsはJavaScr
Haxe使いから見たTypeScript雑感 - terurouメモ
TypeScript良いですね。世間の流れは完全に動的型付け言語から静的型付け言語＋型推論に移ってきていますが、JavaScriptの上にうまくそれを導入してきた感じです。ヘルスバーグはやっぱすごいよね、と。 今後実装される予定のジェネリクスが載ってきたら、better JavaScriptとしては最強言語の一角になりそうな雰囲気ですね。 CoffeeScriptとTypeScriptについて 言語仕様としては正直別物レベルの存在なのだけど、ツールとしての性質（コンパイラがJSとして動作するなど）が大きく似ているため、Web上ではよく対比されてるようです。 TypeScriptが世に出てきてしまった以上、CoffeeScriptは「型付けのできないTypeScriptの出来損ない」みたいな存在になってしまったかなぁと。TypeScriptの出現以前から、CoffeeScriptには採用する
JavaScriptのデバッグ情報を表示してくれる『Rescue.js』 | 100SHIKI
まだオープン前だが、便利そうなのでご紹介。 Rescue.jsを使えば、あなたのサイトに潜む、JavaScriptのデバッグ情報をまとめて表示してくれるようだ。 いつ、どこから、どのブラウザでアクセスされたときにエラーが起きたのかを教えてくれるので便利だろう。 クロスブラウザのテストで見落としていた点がこれでわかるのかもしれないですな。 サイト上にはデモもあるので興味がある人は覗いて見るといいだろう。
HTML iOS Notifications
iOS-style notifications implemented with CSS3 and JavaScript. Read the blog post or alternatively download or log issues on the GitHub repository. A Quick Demo Default Message Demo // default example ios.notify(); // an example message ios.notify({ title: "Michael Bluth", message: "It's as plain as the Ann on egg's face." }); Parameter Default Expects
AndroidのWebView#addJavascriptInterfaceがどれだけ危険か検証してみた (Kanasansoft Web Lab.)
Android SDKのJavaDocの説明はかなり簡素なんだけど、WebViewのaddJavascriptInterfaceの説明は珍しく説明が多い。 端的に意訳すると、「addJavascriptInterfaceを使うと、キミのアプリケーションをJavaScriptから操作できるようになるよ。とても便利な便利だけど、危険なセキュリティの問題があるよ。キミが書いたHTML以外では使わないでね。」という感じ。 「オブジェクトを公開する」行為が危険だというのは、技術者は直感的にわかると思うけど、じゃあどれくらい危険なのか実際に試してみた。 まず、次のようなAndroidアプリケーションを作った。 「android.permission.INTERNET」をパーミッションに指定して、WebViewを画面に設定し、後述するHTMLを開くようにした。 WebViewClientの説明は割愛。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
地獄のJavaScriptセキュリティ
remora.cx
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
deconcepter.jp