久しぶりにGoogle Apps Scriptを使って感じた他のJavaScript開発との違い
先日からとても久しぶりにGoogle Apps Scriptを使ってアプリケーションを開発しています。 こちらのアプリ自体は、YoutubeのsbcオープンマイクやポッドキャストのSBCast.のリンク一覧を表示するツールで、もともとはPythonでデスクトップアプリとして作っていたんですが、あまりにも取り回しがしづらいなということで、今回Webに移行しました。 今回のアプリケーション開発についてはお試しライブ配信を行っており、 Youtubeで開発の様子を見ることができるようになってます。 一応毎回一時間前後を目標に。配信を行うのは作業内容を記録に残すという意味もありますが、一日の予定時間を大幅に超過しないようにというガードレール的な役割を果たしてたりもしています。 また。やってみて気づいたのですが、言葉遣いを丁寧にしたり、独り言で作業内容を説明するクセがつくなど、今何をやろうとしている
regex101: build, test, and debug regex
An explanation of your regex will be automatically generated as you type.
Plotly
plotly.js abstracts the types of statistical and scientific charts that you would find in packages like matplotlib, ggplot2, or MATLAB. d3.json('https://plotly.com/~DanielCarrera/13.json', function(figure){ var trace = { x: figure.data[0].x, y: figure.data[0].y, z: figure.data[0].z, type: 'contour', autocolorscale: false, colorscale: [[0,"rgb( 0, 0, 0)"],[0.3,"rgb(230, 0, 0)"],[0.6,"rgb(255,210, 0
ConvNetJS: Deep Learning in your browser
Description The library allows you to formulate and solve Neural Networks in Javascript, and was originally written by @karpathy (I am a PhD student at Stanford). However, the library has since been extended by contributions from the community and more are warmly welcome. Current support includes: Common Neural Network modules (fully connected layers, non-linearities) Classification (SVM/Softmax)
14 open source tools to make the most of machine learning
Tap the predictive power of machine learning with these diverse, easy-to-implement libraries and frameworks Spam filtering, face recognition, recommendation engines — when you have a large data set on which you’d like to perform predictive analysis or pattern recognition, machine learning is the way to go. The proliferation of free open source software has made machine learning easier to implement
【オープンソース】Adobe Brackets を使ってみたよ【テキストエディタ】 | DevelopersIO
個人的な話ですが、ほんのちょっと前までは Adobe Flash Builder や eclipse といった IDE（統合開発環境）を使って開発の全てを行なっていました。というのもデスクトップ上が沢山のウィンドウで埋め尽くされるというのがどうにも苦手で、単一のアプリケーションで完結できるというというのを最重要視していた節があります。（※そういえば Adobe Dreamweaver も一時期使ってたっけなぁ…） 半年ほど前に Sublime Text に出会ったことで、コーディングはテキストエディタで行いつつ、リポジトリ環境へのコミットは専用ツールやコマンドラインツール等を用いるなど、複数のツールを組み合わせて開発するというスタイルに少しずつ移行していっている最中です。 そんな訳で Sublime Text で全く不自由していない今日この頃ですが、タダより安いものはないということで、Ad
ジャイロセンサーで立体を回転 - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from ksk1015's "ジャイロセンサーの値を取得" http://jsdo.it/ksk1015/904N var alpha = document.querySelector("#alpha"); var beta = document.querySelector("#beta"); var gamma = document.querySelector("#gamma"); var dice = document.querySelector("#dice"); window.addEventListener("deviceorientation", function(event){ alpha.textContent = event.alpha; beta.textContent = event.beta; gamma.textContent = event
JavaScriptでデバイスの傾斜を計算する方法 - Hope is a Dream. Dream is a Hope.
調べてみた iPhoneの加速度センサを使って本体の角度（Rad）を計算する。 window.addEventListener("devicemotion", function(evt){ var xg = evt.accelerationIncludingGravity.x; // 横方向の傾斜 var yg = evt.accelerationIncludingGravity.y; // 縦方向の傾斜 var zg = evt.accelerationIncludingGravity.z; // 上下方向の傾斜 var angle={}; angle.y = Math.floor(Math.atan2(yg,zg)/Math.PI * 180); angle.x = Math.floor(Math.atan2(xg,zg)/Math.PI * 180); angle.z = Math.
CSS3で立体を作る - bata's log
CSS3のtransformをひと通りやりたかったので作ってみた。 表示例 文章でかなり説明しづらいので、最初に動いているものを… 止まっているとよくわからないので回してみました。 立体を表示する画面に設定するプロパティ perspective 奥行きを設定するプロパティです。 数値が小さいほど奥行きが大きくなります。 perspective-origin 視点を設定します。 前の値が縦軸、後ろの値が横軸です。 50％に設定すると正面から見た視点になります。 立体の親要素に設定するプロパティ transform-style 要素の子要素が3D空間に配置されるかどうかを設定します。 初期値がflatなので3Dにする場合は設定が必要です。 立体の子要素に設定するプロパティ 実際にtransformを使って変形させる為のプロパティです。 transform: translateZ(); 3D空間
これからのスマホサイトは、jQueryMobileで作成しよう！
最近は、スマートフォン対応のサイトが結構増えてきて HTML5/CSS3などで作ろうとか、流行ってきています。 みなさんは、「jQueryMobile」って聞いたことありますか？ jQueryMobileは、スマートフォンやタブレット向けのプラットフォームで 簡単にiPhoneアプリのような、インターフェイスがWebで実現できる技術です。 先日リリースをした、スマホ向け安否確認「Mobile Perfect SP」でも jQueryMobileのフレームワークを活用しています。 http://jquerymobile.com/ 簡単なHTMLを記述するだけで、タッチパネル向けの インターフェイスが作れます！ jQueryMobileのサイトには、分かりやすいドキュメントも サンプル付きであるので、HTMLがかける知識があれば すぐに始めることが出来ます。 http://jquerymobi
Javascript 製のチャート描画ライブラリのメモ - Qiita
Javascript 製のチャート描画ライブラリをいくつか調べたので備忘録として残しておく。 やりたいのは、ストリーミングで次々やってくるデータをリアルタイムに表示する事。しかも順方向だけじゃなくて過去方向にも戻りたい。 smoothiecharts シンプルで、使うのも簡単。が、逆再生ができるのかよく分からなかったので保留。 Cubism.js 言わずと知れたビジュアライゼーションライブラリ D3 のプラグイン。 なんか見た目がクール。 あまり突っ込んで調べてないので、要件を満たすかは不明。 ちなみにモバイル決済の Square によるオープンソースプロジェクト。 D3 自体でもいろいろなチャート描画ができるが、なんか勝手に Fat なイメージを持ってる。 Flot こちらは jQuery のプラグイン。 使い方が簡単で、配列を描画させてるだけだったので、配列操作で逆再生にも対応できそう
Webアプリに高機能な音声認識を追加するWeb Speech API - Kesinの知見置き場
Microphone' by Juan_Alvaro, http://www.flickr.com/photos/31590610@N03/5408706936/ CC by 2.0 最近、にわかに音声認識というものが盛り上がっています。 スマートフォンに搭載されている、AppleのSiri、NTTドコモのしゃべってコンシェル、Googleの音声検索あたりが有名ですが、お掃除ロボやエアコン、カーナビといった家電にも音声認識機能が搭載されるようになってきました。 認識の精度や意識の問題（人前で機械に話しかけるのはちょっと恥ずかしい）などの課題はありますが、音声認識はアプリや家電のUIの一部としてこれから普及していくと思われます。 ですが、一般の開発者にとって音声認識機能を自分のアプリやウェブサイトに組み込むのはまだまだ難しいです。 Juliusのようなオープンソースの音声認識システムもありま
50行で作るFacebook友達リストデモ w/ JQuery Mobile - jsdo.it - Share JavaScript, HTML5 and CSS
Facebook にログインして、自分と友達の情報を表示する。 Getting Started with Facebook Login for Web - Facebook Developers https://developers.facebook.com/docs/facebook-login/getting-started-web/ channel.htmlを準備しなくても大丈夫。 jsdo.itで動作させるために、Facebook の App Dashboardで、 a. App Domains に jsrun.it を追加 b. (Mobile) Site URL に https//jsrun.it/takatama/を追加 window.fbAsyncInit = function() { FB.init({ appId : '353965548071471', // App
Geolocation: getCurrentPosition() メソッド - Web API | MDN
success コールバック関数で、 GeolocationPosition オブジェクトを唯一の入力引数として受け取ります。 error 省略可 オプションのコールバック関数で、 GeolocationPositionError オブジェクトを唯一の入力引数として受け取ります。 options 省略可 オプションのオブジェクトで、以下の引数を含みます。 maximumAge 正の long 値で、キャッシュされた位置を返すことが可能な最大時間をミリ秒単位で表します。 0 に設定した場合、端末はキャッシュされた位置を使用できず、実際の現在位置を取得する必要があることを意味します。 Infinity に設定した場合、端末はキャッシュされた位置をその古さに関係なく返さなければなりません。既定値は 0 です。 timeout 正の long 値で、端末が位置を返すために掛けることができる最大時間
jQuery Mobileページでヘッダー／フッターの表示をカスタマイズするには？
jQuery Mobileは、jQueryを拡張するライブラリ（プラグイン）の一種で、名前のとおり、スマホ／タブレットに代表されるモバイル対応アプリを開発するための機能を提供します。jQuery Mobileの導入方法や使い方、jQuery Mobileが提供する主要機能については、「jQuery Mobile逆引きリファレンス： jQuery Mobileを利用するには？」を参照してください。 jQuery Mobileでは、ページ要素の配下にdata-role属性がheader／footerである要素を配置することで、定型的なヘッダー／フッターを作成できます。別稿「jQuery Mobileで基本的なページを定義するには？」ではまず、テキストを配置しただけでしたが、一般的なヘッダー／フッターではアプリでよく使うボタン／リンクなどを配置するツールバーとしての役割を担います。 本稿でも、最
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Building LLM-Powered Web Apps with Client-Side Technology
JavaScriptで即時関数を使う理由 - Qiita
GitHub - mixi-inc/JavaScriptTraining: Training course repository for JavaScript
Epoch by Fastly
jQueryでrgb(255,255,255)を#FFFFFF形式に変換 - Qiita
