短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか？なぜ勉強するのか？ まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
なんと！JavaScriptだけでテキスト読み上げ·Speak.js MOONGIFT
Speak.jsはJavaScriptだけでテキストを読み上げるソフトウェアです。 Webブラウザで音声ファイルを指定してJavaScriptで解析、なんてソフトウェアもありますが今回は一から“音声”を生み出してしまう驚きのソフトウェア、Speak.jsを紹介します。 ボタンを押すとHello Worldと話します。 こんな感じで任意の言葉を話させることもできます。 Speak.jsはジェネレータを通じて音声を動的に生み出します。対応しているのは英数字のみとなっており、日本語には対応していません。常に動的に生成しているので自由なテキストを読み上げさせることができます。 Speak.jsはJavaScript製のオープンソース・ソフトウェア（GPL）です。 MOONGIFTはこう見る テキストを外部サーバに送って、それを音声ファイルにして返すAPIも世の中にはあります。当然、こちらの方が英語
画像も動画もGoogle Mapsもあらゆるコンテンツを拡大表示するスクリプト -iLightBox | コリス
画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。 あらゆるコンテンツをサポートします。 画像、画像ギャラリー、動画（HTML5, YouTube, Vimeoなど）、Flash/swf, Google Maps, iFrame, AJAX, Alert/Confirm/Promptなど 主要なブラウザ全てをサポートします。 IE7/8/9/10, Firefox, Chrome, Safari, Opera iOS4+, Android 主要なデバイスを全てサポートします。 デスクトップ・タブレット・スマートフォン スワイプ操作やRetinaディスプレイもサポートしています。 iLightBoxのデモ デモではあらゆるコンテンツをiLightBoxで拡大表示します。 まずは、画像一枚を拡大表
WebAIM: Accessible JavaScript - Overview of Accessible JavaScript
Accessible JavaScript Overview of Accessible JavaScript You are here: Home > Articles > JavaScript JavaScript Accessibility Issues JavaScript allows developers to add increased interaction, information processing, and control in web-based content. However, JavaScript can also introduce accessibility issues. These issues may include: Navigation. Inability or difficulty navigating using a keyboard o
『サーバサイドJavaScript Node.js入門』好評発売中です！ - 達人出版会日記
サーバサイドJavaScript Node.js入門【電子書籍】清水俊博, 大津繁樹, Jxck, 小林秀和, 佐々木庸平, 篠崎祐輔, 高木敦也, 西山雄也 アスキー・メディアワークス 発行日: 2012-10-29 対応フォーマット: PDF 詳細を見る ご紹介が遅くなりましてすみません、Node.jsについての日本で最初の書籍がアスキー・メディアワークスさんから出版されました。そのPDF版です。 全部で585ページ、というと、相当マニアックな内容かと思われるかもしれませんが、読んでみると案外やさしいというか、まさに「入門」的な内容になっています。とはいえ、インストールやJavaScriptによる非同期っぽい書き方のイロハから、V8のAPIを使ったアドオンの書き方（当然C++）や複数サーバ間でのWebSocketの共有の仕方の「入門」、という幅の広さなので、この分量も納得です。むしろ分
C言語より高速なJavaScriptによるバイナリ操作が話題
JavaScriptなどのスクリプト言語は動作が遅く、最適なパフォーマンスを得るにはC/C++で実装しなければならないという常識に挑んだ先進的な講演が話題になっています。この話題の発端は2012年10月7日から10月8日までベルリンで開催されたJSConf.euでFelix Geisendörfer氏が行った講演です。 彼の講演の題材はnode.jsからMySQLに接続する為のバインディングのパフォーマンスに着目しています。2010年当時、node.jsにはMySQLのバインディングが存在しておらず、増井さん作のnode-mysqlモジュールが開発中の状態でした。このモジュールはJavaScriptでバイナリを解析しておりJavaScriptのみで開発されていました。この状況を受けてFelix氏が新たにnode-mysqlモジュールを新規に開発を始めました。このモジュールもJavaScri
ステートフルJavaScript
ステートフルなJavaScriptアプリケーション開発についての解説書。HTML5とCSS3のおかげで単に自律的なだけではなく外見も美しくデスクトップアプリと同様のエクスペリエンスをブラウザ上で得られるようになりました。本書ではステートフルなWebアプリをMVCモデルに沿って開発しながら、その背後にある理論から各種ライブラリを利用した実践に至るまで幅広く解説します。ステートフルなコードとMVCを組み合わせることにより、MVCの3要素をクライアント側で実行することが可能になり、単なるAjaxアプリケーションでは実現できないよりデスクトップアプリに近いエクスペリエンスを提供できます。 目次 まえがき 1章 MVCとクラス 1.1 初期の JavaScript 1.2 アプリケーションの構造化 1.3 MVCとは 1.3.1 モデル 1.3.2 ビュー 1.3.3 コントローラ 1.4 モジュ
EPUB javascript security
This is a followup to my earlier post on javascript in EPUB, this time focusing on EPUB javascript security. Every industry has its apocryphal tales, stories that are presented as true but too neatly demonstrate the truths of day-to-day work, too tailored to their message, to be entirely true. Stories are a big part of every industry’s true education. They highlight dangers, reset expectations, an
JavaScript 第6版
TOPICS Web , HTML/CSS , JavaScript 発行年月日 2012年08月 PRINT LENGTH 840 ISBN 978-4-87311-573-3 原書 JavaScript: The Definitive Guide, 6th Edition FORMAT 本書は、『JavaScript: The Definitive Guide, 6th Edition』の日本語版です。日本語版出版にあたり、言語解説部分とリファレンス部分に分け、本書はその言語部分をまとめたものです。 JavaScript言語とプラットフォームについて包括的かつ明快に説明した書籍です。ECMAScript 5（コア言語の最新バージョン）とHTML5（Webプラットフォームの最新バージョン）についてまとめています。第6版で新たに、サーバサイドJavaScript、jQueryライブラリ、H
R.I.P. 147.js - ささくれ
たまには技術ネタ．以前の職場で開発したちょっとした「しくみ」が来るシステムリプレイスによって引退すると聞いたので簡単にまとめておこうかなと思いまして． どんなん 図書館のOPACで雑誌を検索すると右上に小窓が登場して電子ジャーナルへのリンクが表示されるという，ただそれだけのものです． https://op.kulib.kyoto-u.ac.jp/webopac/catdbl.do?pkey=SB00161282 この機能は決まった名前をつけなかったのですが「半透明リゾルバ」とか「リンク小窓」とか「右上のアレ」とか「AutoResolver」とかその場の気分でいろいろな呼ばれ方をしていました． しくみの裏側 リンクリゾルバ（Serials Solutions社の360 Link）のAPIを利用したJavaScriptをOPACに組み込むことで実現しています． つまり，ユーザが雑誌書誌のページ
JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ
グーグルが開発したJavaScript MVCフレームワーク「AngularJS」を紹介した1つ前の記事の反応が予想以上に大きく、1日たたずにブックマークが500以上もつきました。 本記事では、AngularJS以外にもすでにたくさん存在するJavaScript MVCフレームワークに関する情報をまとめて紹介したいと思います。 JavaScript MVCフレームワークの比較記事 既存のJavaScript MVCフレームワークを比較した記事が「The Top 10 Javascript MVC Frameworks Reviewed」です。Top10と書いてありますが、12種類のフレームワークの比較です。これは公開当時は10種類だったものが、その後11種類になり、今回のAngularJSの公開で12種類になったためです。 上記のような比較表を載せた上で、12種類すべての利点と欠点を説明し
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
JSX - a faster, safer, easier JavaScript
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compiling the source code to JavaScript. The generated code runs faster than an equivalent code written directly in JavaScript. The gain may vary, but even the optimi
YouTube API Blog: Unlocking JavaScript’s Potential with CORS
Friday, May 18, 2012 Unlocking JavaScript’s Potential with CORS Web developers are accustomed to making magical user experiences with a few lines of elegant JavaScript, but when faced with talking to RESTful services like the YouTube API, the options have been anything but simple. The most common approach relies on a technique known as JSONP, which relied on dynamically inserting a <script> tag on
javascriptプログラマのレベル10 : tech.kayac.com - KAYAC engineers' blog
週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ （本家に直接リンクできるURLが無かったため、参照ページへリンクしています） haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 （５
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト「HTML5 Rocks」の記事「INTRODUCTION TO JAVASCRIPT SOURCE MAPS」で紹介されたWebブラウザの新技術「Source Maps」は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
EpubReaderのJavascript対応状況をテストするEPUB作りました - uraitoのいまだにブログ名が未定のブログ
EpubReaderのJavascript対応状況を調べるために、簡単なテスト用のEPUBを作ってみました。 そもそもまったく動かない可能性が高いのであまり難しいことしてません。単純にJavascriptでいくつかのObjectの中身を取得して表示しているだけです。iBooks等で開くと、以下のような感じでコードと実行結果を表示します。 簡単なものですがファイルはgithubにあげていますのでご自由にお使いください。 FUSEeβで作成していますので元のコードも一緒にあげています。（FPRJ形式のファイルはZIP圧縮なので、単に拡張子変えて解凍した中身です。）不要ファイルも紛れてますが、もうちょい使いこなせるようになったら掃除します。。 EPUB3 Javascript Test EPUBファイル単体のダウンロードはこちらをどうぞ。 EPUB3 Javascript Test v0.1（E
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
deconcepter.jp
http://syntensity.com/static/espeak.html
Using HTML5 and Javascript to Deliver Text-Based Audio Descriptions