Node.js を選ぶとき 選ばないときもっとはじめる Ember.js !! ~ Getting started with Ember.js more ~
tupai.js — Minimal and Flexible JavaScript MVC Framework.
tupai.js is a minimal and flexible JavaScript MVC framework. providing a robust set of features for building single and multi-pages. Package Java like package-class system. Namespaces are needed because there can be many functions, variables for classes in one program and they can conflict with the existing names of variables, functions and classes. Template engine Roles of engineers and mark-up i
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 –
Google Hosted Library – Webを速くするためにGoogleがやっていること Make the Web Faster 03 – Jxck Googleは、よく使われるJavaScriptのライブラリなどをGoogleのインフラを使って配布しています。 これを Google Hosted Library と呼びます。 この、Hosted Libraryの導入を単純に「自分で配布しない分が楽になるだけ」、くらいな感覚で使っている方も多いと思います。しかし、実はこれはみんなが使えば使うほど、得をする仕組みになっていることを見落としてはいないでしょうか？ 今回はそんな、Google Hosted Libraryについて、その仕組となるCDNやキャッシュの技術などについて解説します。 よくある Web ページ 例えば自分が配信するindex.html内でjquery.2.0.3
pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
Collie - High Performance Animation Library for Javascript
Collie is a Javascript library that helps to create highly optimized animations and games using HTML 5. Collie runs on both PC and mobile using HTML 5 canvas and DOM. Collie can stably process multiple objects using rendering pipelines and supports useful features including sprite animation and user events. Stably supports iOS and Android, and renders with an optimized method for each platform. Al
AngularJSの設計思想 [Google I/O 2013] - ワザノバ | wazanova.jp
[Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSのHype (盛り上がり感)があるようなので、GoogleのMisko HeveryとBrad GreenがGoogle I/O 2013でAngularJSの設計思想について語っているのを紹介します。 アプリ開発は、雛形構文（ボイラープレート）を利用しながらデータをブラウザとDBの間でやりとりさせるのが中心で、気づいてみると同じ雛形構文を書く作業をかなり繰り返している。コードを書いてる時間よりもコードを読んでいる方に時間がとられることも多い。この雛形構文を使った作業を極力減らして、アプリに付加価値をもたらすコーディング作業だけを抽出したいと思った。 コーディング作業が効率的になる構造が欲しかった。 フレームワークにテストを組み込むが、フレームワーク自身をきっちりテスト
AngularJS ― Superheroic JavaScript MVC Framework
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
JSON、ECMA標準となる。仕様文書「ECMA-404」が公開
「JSON」（ジェイソン）は、軽量のデータ記述フォーマットとして、さまざまなソフトウェア間でのデータ交換で広く使われています。 もともとJSONはJavaScriptのオブジェクト表記法をベースにDouglas Crockford氏が2001年頃に“発見”し（Crockford氏自身が「JSONはそれ以前から存在しており、私は発見しただけだ」と主張している）、命名。2002年にCrockford氏が作成したWebサイトjson.orgで仕様が公開されました。 当時はデータ交換フォーマットとしてXMLが主流になると見られていましたが、軽量で記述や解析が容易なJSONは現在、XML以上に広く使われるデータフォーマットになっています。 そのJSONが、JavaScriptの標準化団体でもあるECMA Internationalで標準化され、仕様文書が「ECMA-404」として公開されたと、Dou
JavaScriptフロントエンド開発の昨今
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
作業効率化！Googleアプリを1000%活かせる「Google Apps Script」の始め方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
そして一日が終わった… 今日もアニメ見逃した… こんにちは、メディア事業部の王です( ́・_・ )、アニメの視聴時間を増やすために、常日頃から仕事の効率化を心がけております。今回は作業効率化の強い武器になる「Google Apps Script」を紹介したいと思います。 まずは初耳の方にQ&A形式でご説明します。 Q&A Q:「Google Apps Script」って？ A: Googleが提供している様々なサービス、例えば「Gmail」、「スプレッドシート」、「マップ」、「ドライブ」、「カレンダー」、「Analytics」、「Adsense」等のAPIをJavascriptで利用するクラウド型スクリプト（要は実行はクライアント側ではなく、サーバーにて行う）です。 Q:Google Apps Scriptで何ができるの？ A: Googleアプリを自分の好みや必要に応じて機能を自由に拡張
Node.jsをサーバサイドのUIレイヤに限定するのか？ - ワザノバ | wazanova.jp
http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/ Nicholas ZakasはYahoo出身で現在Boxに勤めるフロントエンジニアで、JavaScriptに関する複数のオライリー本の著者でもあります。彼が自身のブログで、Node.jsをサーバサイドUIレイヤのみで活用することを提言してます。 JavaScriptエンジニアはフロントエンドのコントロールはできるが、サーバサイドのUIレイヤはバックエンドエンジニアの領域で、それがフロント（JavaScript）エンジニアとバックエンドエンジニア双方のストレスであった。（参照図１） Node.jsの登場で、サーバサイドのUIレイヤをサーバサイドのビジネスロジックから分離し、フロントエンジニアはブラウザ & サーバのUIレイヤ、バックエンドエン
Googleアナリティクスでの外部リンククリック計測3つの手法の利点と欠点を整理してみた | 初代編集長ブログ―安田英久
今日は、Googleアナリティクスでのアクセス解析で外部リンクのクリックを追跡する手法について、情報を整理してみます。私は結論としては、setTimeoutとかhitCallbackとか小細工せずに「とれるデータだけとる」が良いと判断しました。 GoogleアナリティクスなどのJavaScriptを利用したアクセス解析では、トラッキングコードをカスタマイズすることで「自分が管理しているページから外部サイトへのリンクがクリックされたこと」のデータを取得して分析できます。 計測の方法は_trackPageviewと_trackEvent方法としては、次の2種類があります。 仮想ページビューを使う方法（_trackPageview命令を使う）イベントトラッキングを使う方法（_trackEvent命令を使う）いずれも、HTMLまたはJavaScriptをカスタマイズして、リンクがクリックされた際に
[Google Analytics]イベントトラッキング（trackEvent)の正しい使い方
Google Analytics使ってますか？ 無料で使えるアクセス解析ツールとして定番なので使っている人は多いと思いますが、果たしてどこまで正しく使えていますか？ 個人的にとても便利で良く活用している「イベントトラッキング」について紹介します。 イベント・トラッキングってなに？ イベントという言葉に馴染みがない人が多いですよね。 Google Analyticsは”どのページが見られたか？”を解析するツールですが、他にも”ボタンをクリックした”とか”記事を1分以上見た”とか”動画を30秒以上見た”というアクションを計測することもできます。 個別のアクションのこと計測する事をイベント・トラッキングと言います。 Javascriptでイベントハンドリングとかしている人なら馴染みがあるでしょう。 計測するにはちょっとコツがあるのでやり方を紹介します。 イベント・トラッキングの始め方 まずは公式
![[Google Analytics]イベントトラッキング（trackEvent)の正しい使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ed69785c3e6d9ccf5940663ae7b65c2b9baa74b/height=288;version=1;width=512/http%3A%2F%2F1.bp.blogspot.com%2F-G3bp2Kg-jkk%2FTZ1Pb-l-5MI%2FAAAAAAAAAiA%2FpTzCw6Lxqy4%2Fw1200-h630-p-k-no-nu%2Feventgoals-map.png)
JavaScriptはモダンな言語とは呼べないのか | ykzts.blog
モダンな言語でHTML5を開発しよう! 俯瞰して理解するaltJSの比較 (前編 - TypeScript, CoffeeScript, Hexe) と題する記事があった。この記事は見出し中にある「HTML5を開発しよう」という言葉からして意味が通っていない。だが記事の内容から「HTML 5を始めとし、CSSやJavaScriptといったウェブ関連の技術を用いたアプリケーション作りをしよう」という意図であろうと類推することができる。しかしこの記事で問題なのはそのような重箱の隅を突くが如き枝葉末節な部分ではない。この記事の中で薦められているいわゆるaltJSと称される複数の言語たちではない、JavaScriptという言語はモダンな言語ではない、つまり近代的な言語ではないと断言してしまっていることである。 ここ数年のHTML5やCSS3の劇的な進化に比べて、JavaScriptの言語としての進
次世代マイコン「Tessel」はJavaScriptとNode.jsをサポートしWi-Fiからアップデート可能
電気製品を制御する半導体チップ「マイクロコントローラー(マイコン)」は、私たちの生活を便利にしている縁の下の力持ちというべき存在で、テレビのリモコン、炊飯器のタイマー、スマホのバッテリー表示などはすべてマイコンによって実現されています。そんな半導体のプログラムをこれまでよりももっと簡単かつお手軽に自作でき、しかもインターネットからWi-Fi経由でコントロール可能な次世代マイコンが「Tessel」です。 Tessel - Technical Machine http://technical.io/ ◆Wi-Fi機能 TesselにはWi-Fi機能が装備されており、Wi-Fi接続によりインターネットにアクセスできます。これにより、Wi-Fi経由でネット越しにマイコンプログラムのデバッグや機能の追加などのコーディングが可能。Wi-Fi接続でファームウェアのアップデートをするときは「tessel
JavaScriptテンプレートエンジンJsRender 基本のキ
はじめに JsRenderは高速、軽量、高性能なJavaScriptテンプレートエンジンです。JsRenderを使うと、ブラウザ側で動的にテキストやHTMLを生成できます。 JsRenderはoutlook.comなどのサイトですでに使われており、今後利用者が増えることが期待されています。先日、JsRenderの正式版のリリースが近いことが、作者であるボリス・ムーア氏のブログで発表されました。そこで、正式リリースに先立ちJsRenderの使い方を紹介していきます。 対象読者 JavaScriptテンプレートエンジンに興味のある方 JavaScript、jQueryの基本を理解している方 必要な環境と準備 JsRenderとjQueryを以下のサイトからダウンロードしてください。JsRenderは単体でも動きますが、jQueryのプラグインとしても機能します。 JsRenderのダウンロード
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create a new fiddle - JSFiddle
http://www.hp-stylelink.com/news/2013/10/20131008.php
