Loading...
JavaScript(系言語)のススメ - Qiita
JavaScript(系言語)のススメ この記事はプログラミングを始めようとしている人など、初心者的な人に向けた記事ですが、疑問や突っ込みなどありましたら是非コメントをいただけたらと思います。 僕は最近プログラミング習得における第一言語はJavaScriptが適していると考えています。 ブラウザ上で動きを指示することができる言語であり、どうせプログラミングやるなら動きを指示できた方がやれることが広がってハッピーでしょう バックエンドは違う言語にするというのは手だけど、どうせならしっかりJavaScriptやりこんだ方が応用も利くだろうしハッピーでしょう ブラウザ側でJavaScriptを動かす場合でも、バックエンド側のJavaScriptの知識はあった方がいいです JavaScriptにも難点はあって、ライブラリに定番がない、変化の早すぎる世界だというあたりはしんどいです。知識を常にアップ
おっぱいロボ爆誕 ソフトバンクPepperにセクハラする市原えつこさんが天才すぎて腹筋壊れた - 週刊アスキー
みんな～！スクール水着で、緑色の髪で、おっぱいが触れるロボットだよ～～！！ いやちがうんだって、これすごいのよ！ おっぱいロボは今月11日、アルデバラン・アトリエ秋葉原で開かれた、ソフトバンクロボティクスのロボット『Pepper』開発イベントでつくられたもの。ずばり名前は『ペッパイ』ちゃんだ。 （ソフトバンクグループ的にその名前で大丈夫なのかは謎） 最初はスクール水着姿でニュースを読みあげているが、途中でペッパイモードが作動。スクール水着をはだけると、タブレットにおっぱいが表示される。おっぱいをタッチすると、ペッパイちゃんはあえぎ声をあげながら腰をビクビクいわせはじめる。大変だ！！！ よがるペッパイちゃんのおっぱいを触りつづけていると、「いいかげんにしてください！」と、ペッパイちゃんがおっぱいを触る手をふりはらう。さらに内蔵カメラで証拠写真を撮影、顔認識で年齢や性別を割り出し、「おまわりさ
メディアアート系で重要な数式・概念 & p5.jsで遊ぶ - Qiita
高校数学がボロボロでも大丈夫です。（ もともと個人的にインプットし貯めていたものですが、書きなおして公開します。 地味ですが、派手な動きはこの地味な数式・概念がベースになってきます。 また、メディアアートとは言ったものの、ゲーム制作などにも役立つでしょう。 「ラジアンとは？」「サイン波を描く」「円軌道を描く」「弾幕（2点間の距離系&角度系）」「多角形を描く」「フラクタル」といったテーマです。 また、そのプレイグラウンドとしてp5.js（Processingのjs版）をご紹介します。2014年にリリースされたものでまだマイナーですがCodePenのような海外サイトでは人気が出つつあります。またProcessing公式プロジェクトなので安心感もありますね。ちなみに、Processing.jsとは別プロジェクトです。 ラジアンとは？ ・ラジアンは単位 角度についてのもう一つの単位です。 角度とラ
ブラウザおよびnode.jsのための高度な地理空間データ分析ライブラリ「turf.js」
選択した範囲内の家賃相場を求めるとかいろんなことに使えます。 example Turf.jsはMapbox社謹製の地理空間データ分析ライブラリです。ピュアJavaScriptで作成されていてフロントエンドでもサーバーサイドでも動作します。 Turfの特徴としては、対応するデータ形式をGeoJSONを絞っており、基本GeoJSONで受け取ったデータを分析して分析結果をGeoJSONで返すといったライブラリになっています。 そのため、GeoJSONに対応した地図ライブラリと組み合わせることで、分析結果を簡単に視覚化することができます。もちろんD3.jsと組み合わせて使うのも簡単！ いろいろな可能性を秘めた今後が楽しみなライブラリです。 今回は入門編として、Leaflet上で選択した範囲内のデータの基本統計量を計算します。 マーカーのプロパティには、それぞれ「value」値が設定されていて、選択
TypeScript早わかりチートシート【1.5.3対応】 - Build Insider
TypeScript 1.5正式リリース。最新言語仕様を速習しよう！ TypeScriptを使うときに役立つ情報がまとまったチートシート（1クリックで試せるサンプル付き）。 本稿はTypeScript 1.5.3を対象に解説を行います（※2016/11/08追記：姉妹サイトの＠IT Insider.NETで「特集：TypeScript 2.0概説」 を掲載していますので、本稿と併せてご参照ください ）。 早いもので、TypeScript 1.0がリリースされた2014年4月3日から、1年以上が経ちました。今年の頭あたりに本記事のTypeScript 1.0版からの更新の依頼が来た時は、（記事改訂は想定していなかったので）びっくりしました。情報をメンテし、良い情報がWeb上に残るよう運営するのは大変であろうな、と想像に難くないですが、筆者としてはうれしい限りです。 さて、去る2015年3月5
d3.nestを使った配列のグルーピング - Qiita
var dataSet = [ {"year":2014, "name":"hoge", "group":"A", "count":200}, {"year":2013, "name":"test", "group":"C", "count":110}, {"year":2013, "name":"shimizu", "group":"B", "count":310}, {"year":2014, "name":"suzuki", "group":"A", "count":260}, {"year":2015, "name":"tanaka", "group":"C", "count":180}, {"year":2014, "name":"sato", "group":"B", "count":220}, {"year":2015, "name":"hello", "group":"B"
ウェブのプッシュ通知、何がそんなにすごいのか？
3 月 13 日、Chrome Beta のブログポストが出ました。Android 版 Chrome でプッシュ通知が使えるようになったのが個人的なハイライトです。 「確かにプッシュ通知は便利かもね〜」と思ったあなた、驚きが足りません。のけぞるべきです。小躍りするべきです。 理由を説明します。 ユーザーエンゲージメントが変わる # あなたのウェブサイトのビジネスモデルが広告モデルにしろ課金モデルにしろ、ユーザーが繰り返し訪れてくれることは大前提です。通常のウェブサイトやサービスは、そのための策を練ります。そのきっかけをサービス側から能動的に与えることで、ユーザーが戻ってきて、ビジネスは回ります。しかし、そのきっかけを与える方法は、非常に限定されていると言わざるを得ません。 インターネットが普及し始めた当初から伝統的に利用されているのがメール、数年前から利用されているのがソーシャルメディア、
Backbone.JSからAngular2まで、全9大JavaScriptフレームワークを書き比べた! -
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 ウェブ開発に欠かせないJavaScriptフレームワークですが、日々発展しておりReact.js, Ractive.js, Aurelia.js, AngularJS2.0など次々と新しいフレームワークが出てきています。 一体どれを使えばいいのか？何が違うのか？何から調べていいのか迷うことがあります。 そこで、現時点で事実上全てとなる、９大主要フレームワークについて、実際に使ってみて比較を行います。 Backbone.js Ember.js Knockout.js AngularJS(1.x) React.js Ractive.js vue.js Aurelia.js AngularJS2.0(アルファ版) これらのフレームワークでは、以下のような機能が実現さ
JavaScriptの少し独特なオブジェクト指向についてまとめてみた - Rails Webook
Photo by Flickr: slworking2's Photostream 既にJavaやPHPなどオブジェクト指向言語を生業としてやっているが、その感覚でJavaScriptを少し扱っているて、いまいちJavaScript分からないという方を対象に、それらのプログラム言語とは違う、「少し独特なJavaScriptのオブジェクト指向」について説明します。 目次 オブジェクトの作成 プロパティの定義と代入 プロパティの削除 アクセサプロパティ（getter / setter) クラス定義 コンストラクタ引数 インスタンスメソッドの定義 クラスプロパティとクラスメソッドの定義 クラスの継承 クラスプロパティとクラスメソッドの継承 1. オブジェクトの作成大かっこ({})でObjectクラスを作成することができます。 また、new演算子で特定のオブジェクトを作成することができます。 //
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
フロントエンドできない人が、フロントエンドやりすぎだ。あと、Vanilla.jsが便利だ。 - nobkzのブログ
最近、なんというか、フロントエンド勉強会に出席する度に、「フレームワークじゃねぇんだ! MVC設計がな! 」とか言い続けている気がする。たくさんフレームワークが出てきて、○○フレームワークの問題とか、開発の困難の話を聞く度に、自分の設計を棚に挙げて、「これは、フレームワークがスケールできないせいだ!」「jQueryが糞」とか言ってて、「何言ってんの?コイツ?」みたいな気分になる。 最近になって、なんでこの状況がいつまでたっても変わらないんだろう? って理由が分かってきた。フロントエンドできない人が、フロントエンドやりすぎなのだ。 なんでフレームワーク使うの? そもそも、なんでフレームワークを使うか?ってことに答えられない人が多い気がする。というか、大抵「上司が決めたから」とか「チームで決まっているから」という答えが返ってくる。そもそも、フレームワークを強制して学習させる環境になっている現場
Writing ES6 today, effectively.
effective-es6.md Effective transpiling of ES6 After publishing my article on ECMAScript 6, some have reached out to ask how I exactly I make it all work. I refrained from including these details on the original post because they're subject to immiment obsoletion. These tools are changing and evolving quickly, and some of these instructions are likely to become outdated in the coming months or even
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dragula - Browser drag-and-drop so simple it hurts
GitHub - alfredkam/yakojs: A tiny DOM-less graph library
Linkis.com - Brand shared links with your info
GitHub - miyahira/ldow.js: Simple script to leave all rooms in Chatwork. It's awsome when you quit your job.
Dom-Animator.js
フロントエンドを楽にするために
FF14 くじテンダーソルバー