A Worker-Owned Tech Consultancy - Bocoup
Designing an Exponentiation Operator for JavaScriptPosted by Rick Waldron Update: This proposal now has two open bugs for implementation, on V8 and SpiderMonkey. https://code.google.com/p/v8/issues/detail?id=3915 https://bugzilla.mozilla.org/show_bug.cgi?id=1135708 In this article, I’ll explore the process of adding syntax to a programming language by going through the process of designing a new J
ブックマークレット実行時に外部ファイルをロードして使う - ザリガニが見ていた...。
ブックマークレットの書き方の段階的な発展の仕方の続き。 基本 前回の外部ファイルをロードして実行するブックマークレットは、こんな感じだった。 javascript: (function(d,s){ s=d.createElement('script');s.src='//dl.dropboxusercontent.com/u/XXXXXXX/bookmarklet.js';d.body.appendChild(s); })(document) Webページのbodyタグに以下のようなscriptタグを追加して、 シンプルに、たった一つの外部ファイルをロードしているのだ。 <script src='//dl.dropboxusercontent.com/u/XXXXXXX/bookmarklet.js'></script> 複数の外部ファイルをロードする では、外部ファイルを二つ以上ロードし
ログイン情報を自動入力するブックマークレットの作り方 - ザリガニが見ていた...。
Webページの入力情報を読み取る 例：https://healthcare.mb.softbank.jp/pc/assets/setup/web_explanation_input.php 上記ページで以下のAppleScriptを実行すると... tell application "Safari" activate do JavaScript "(function(d, s, r, url_key, inputs, options, i){ url_key=d.location.protocol.replace(/[^A-Za-z]/g,'_')+'__'+d.location.hostname.replace(/[^A-Za-z]/g,'_')+d.location.pathname.replace(/\\W/g,'_'); inputs=d.getElementsByTagName(
WebRTC（PeerJS）で遠隔作業支援システムを作る（3） - Tech-Sketch
WebRTCを用いた遠隔作業支援システムを作ります。 前回 はスマートグラス（Vuzix M100）とサーバサイド（node.js + express + peerjs-server）の環境構築について説明しました。今回はCoffeeScriptで記述されたモジュールの全体構成と、PeerJS & MediaStreamの初期化処理について解説します。 CoffeeScript WebRTCを用いた遠隔作業支援システムの中心的なロジックは、ブラウザで動作します。今回はコールバックを駆使するそれなりに複雑な処理を実装するため、画面操作をハンドリングするロジック、PeerJSの操作とコールバックをハンドリングするロジック、シグナリング等の共通ロジック、と責務を分割して実装したほうが見通しが良くなるでしょう。 ただしJavaScriptはプロトタイプベースのオブジェクト指向言語のため、Javaや
Server Sent Events(SSE)の使いどころと使い方 | GREE Engineering
Flameの箱を捨ててしまったためどうやって送り返すか困っています。@kyo_agoです。 今日は2014年6月にβ公開したGREEチャットで通信に使用しているSSEを紹介したいと思います。 SSEとは SSEとはServer-Sent Eventsの略でW3Cで提案されているhtml5関連APIの一種です。 これはサーバとの通信やJavaScript APIを中心としたもので、サーバからPush通信を行うための仕様です。 サーバからPush通信に関してはこれまでもCometやWebSocketが存在しましたが、SSEは互換性や効率などの点でそれ以外の技術に対する特徴があります。 ここからは具体的な仕様や、実際に使用した場合の感想などを紹介したいと思います。 通信方式 SSEはHTTP/1.1を使用し、Content-Type: text/event-streamで通信を行います。 基本的
Server-Sent Eventsまとめ。ハイパフォーマンスブラウザネットワーキング16章 - lxyuma BLOG
まだ、社内でO'Reillyのハイパフォーマンスブラウザネットワーキングの読書会をやっていて、 自分が、１６章のserver sent eventsやるので、その下書き。(前の資料もいつかblogにupする) ※ちなみに、書いてる事を単にまとめてるわけではないので、ご注意を。 ハイパフォーマンス ブラウザネットワーキング ―ネットワークアプリケーションのためのパフォーマンス最適化 作者: Ilya Grigorik,和田祐一郎,株式会社プログラミングシステム社出版社/メーカー: オライリージャパン発売日: 2014/05/16メディア: 大型本この商品を含むブログ (2件) を見る 16章 Server Sent Events よく言われるのがSNSのTimelineの更新とかで使える仕組み server sent eventsってwebsocketと被っている事もあって、中々目立たないで
JavaScriptCore.framework の普通な使い方 #cocoa_kansai
Objective-C や Swift のネイティブコードから JavaScript をランタイムで実行するための JavaScriptCore.framework のお話です。基本的な機能の説明と、注意点を整理して紹介しています。
管理画面チラ見せ♡ナイトの感想と今後｜西小倉宏信｜note
演奏家は他人のいい演奏を見ると刺激になる。 選手は他のいい試合を見ると刺激になる。 Webサービス開発者は他のいいUIを見ると刺激になる。 このように他人の素晴らしい事例を見ると刺激になるけど、 管理画面だけはなかなか見れる機会ないよねっということで はじまったこの企画。 改めまして2014年7月29日の 「管理画面チラ見せ♡ナイト」 に関わって頂けた方、本当にありがとうございました！ 定員70名の会場に200名以上の参加希望があってビビってましたが JSオジサンの小島さんをはじめ、 会場提供頂いたgeechsおだんみつさん、 スポンサーなのに何人もスタッフ参加してくださったグッドパッチ様、 スポンサーかつ管理画面もチラ見せ♡LTして頂いた マーベリック様、 登壇者の方々、司会の須川さん＆ぁゃぴさん そして管理画面にエロスを感じるというマニアックな参加者様の おかげでとても楽しい夜になりま
覚醒!JavaScript
7月19日に行った「覚醒！JavaScript」勉強会で使用したスライドです。 http://connpass.com/event/7082/
platoを利用して、JavaScriptのコードのレポートを作成してみる
こういうのって、割と規模が大きくなってくると使えるかも。 jsoverson/plato – github platoはNode.jsで動作するjavascriptの解析ツール。 これを利用すると、javascriptのソースに対して、以下解析レポートを取得することができる。 Maintainability ソースのメンテナンス性。0〜100で数値化。100に近いほどメンテナンスがしやすいソースということらしい。 Line of code ソースの行数 Estimated errors in implementation 実行時の推定誤差(？) Lint errors 構文エラー インストールも利用もすごく簡単だけど、念のためにメモを残しておく。 1. インストール Node.jsで動作するので、npm経由でインストールする。 $ npm install -g plato 2. 使い方 詳
Setup Grunt on Jenkins
Gruntis suitable for building JavaScript project as concat, minify, jshint and unit test.Jenkinsis suitable for CI as using SCM polling, scheduler. I think these tools makes our development faster. This is sample of front-end javascript project and building with Grunt on Jenkins. Awesome projectsrcScript filesdistCompressed production filesdist/covTest coveragedist/metricsJavaScript static analysi
AngularJS勉強会 ng-mtg#6に登壇してきました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ご無沙汰しています。ハカセこと林です。7/25(金)にサイバーエージェントさんにてAngularJSの勉強会に登壇させていただきました。 今日はその様子と当日の内容をご紹介したいと思います。 ng-mtgって？ と、その前に。 ng-mtgとは、AngularJS Japan User Groupという有志団体が運営する勉強会です。 以前LIGで行ったAngularJS勉強会に管理人の方がいらしていて、この度登壇のお声がけを頂きました。 今回登壇したのは第6回目のng-mtg#6です。 参考：AngularJS Japan User Group http://angularjs-jp.doorkeeper.jp 参考：ng-mtg#6※既に終了しています http://angularjs-jp.doorkeeper.jp/events/12996 発表テーマ 登壇者は私を含めて3人でした。
GruntでSassのビルドとjsファイルの結合・圧縮を自動化 - bata's log
JSファイルの結合と圧縮を自動化したくて色々調べていたのですが、やはりGruntが一番便利だということで導入してみたました。 結論からいうと、もっと早く導入すればよかった。 Gruntの導入 導入部分は下記を参考に。 Windowsの場合 http://webdrawer.net/javascript/firstgrunt.html Macの場合 http://catcher-in-the-tech.net/461/ Gruntfile.js を記述 module.exports = function(grunt) { grunt.initConfig({ //Sassをビルド sass: { options: { style: 'compressed',//CSSのスタイル sourcemap: true,//ソースマップを書き出す noCache: true//キャッシュファイルを生成
【Codepatch #02】PhantomJSを使ってスクリーンキャプチャを自動化、他 | Goodpatch Blog
最近Goodpatchに入社した、フロントエンドエンジニアのmigiです。 Goodpatch内のHTML5やiOS・Androidアプリ開発についてや業務中の疑問を共有する場としてのフロントエンド定例、そこで出た内容の一部を皆さまに共有する「CodePatch」の第二回目をお送りします！ 前回の記事「【CodePatch #01】グッドパッチのフロントエンド定例で話題になった技術を不定期で配信してみます。」には多くの反応をいただきまして誠にありがとうございました！ 自分たちが興味を持っている技術に対して全国数千万人(推定)のフロントエンド愛好家の皆さまにも同じく興味を持っていただけたようでとても嬉しく思います。 それでは今回もさっそく、今週のフロントエンド定例で話題に上がった話をご紹介していきます！ PhantomJSとは、JavaScriptで操作を行う、画面を持たないWebブラウザで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.enoie.net/blog/2014/08/node-js%E3%80%80-%E9%9D%9E%E5%90%8C%E6%9C%9F%E5%87%A6%E7%90%86%E3%82%84q%E3%81%AE%E8%A9%B1/
Coffee Script Cook Book – Script Platform Made for Ecommerce
文字列からHTMLを組み立てる話 Shibuya.XSS techtalk #5
WebRTCの技術解説 公開版
Primer
GitHub - rakuten-nlp/rakutenma: Rakuten MA - morphological analyzer (word segmentor + PoS Tagger) for Chinese and Japanese written purely in JavaScript.
