phiary
Riot.js には yield という仕組みがあります. これを使いこなすことで定義済みのコンポーネントの一部を柔軟に拡張することができるようになります. 今回はこの yield について, デモや図を交えて解説したいと思います. そもそも Riot.js について知りたい方はまずこちらをどうぞ フロント界隈で一番イケてるのは AngularJS でも React でもなく Riot.js だという話 | phiary Riot.js の yield とは？ yield は, Riot.js のコア機能の一つで子タグに親タグから部分的に HTML を差し込むことができます. この仕組みをうまく活用することで拡張性のある柔軟なタグ(コンポーネント)を定義することができます. yield を使ったデモ yield を使ったデモです. header の中身を外から指定したり, material
JavaScriptで数値計算入門
当サイトに掲載されているコンテンツ（文書やプログラム等）を利用したことにより発生したいかなる損失・損害につきまして当サイトは一切の責任と義務を負いません。 これらの利用は自己責任でお願いします。 お問い合わせはこちらのメールアドレスからお願いします。
Babelを使うとアロー関数内のthisがundefinedになる - 文系プログラマー
ややこしい問題に直面したので、メモしておく。 問題 次のように、jQueryでコールバック関数にアロー関数を用いたスクリプトを記述する。 $("item > title").each(() => { let title = $(this).text(); console.log(title); }); このES6の構文ををBabelでES5へトランスパイルすると... $("item > title").each(function(idx) { var title = $(undefined).text(); console.log(title); }); アロー関数の内のthisがundefinedになってしまう。 問題は、どうやらトランスパイル前後の、each関数でのthisの扱いの違いによるもののようだ。 以下、シンプルな例を考えてみる。 var arr = [1]; $(arr).
クロージャとメモリリークについてのコピペ - こんにちはこんにちはmonmonです！
前に見た時に理解できずにいた2chスレを備忘録としてコピペ。 時間あったら整形する。 + JavaScript の質問用スレッド vol.52 + 元々のスレ：http://pc8.2ch.net/test/read.cgi/hp/1161422792/ 過去スレ保管庫：http://wing2.jp/~mirrorhenkan/2ch/javascript/read.php/1161422792/ 670 名前：Name_Not_Found[sage] 投稿日：2006/11/24(金) 11:42:28 ID:??? >>666 自分でそういう関数を1行で定義して使うのはいいんじゃねの？ >>669 setAttributeダサイ! >>667 ホレ。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html><head><tit
math.jsによりJavaScriptで複素数を扱う - clock-up-blog
-（（-1）^（1/7））を何度か2乗してみる話 とりあえずだまされたと思って-((-1)^(1/7))を2乗してみてくれ - アジマティクス ちょっとこれの記事に感銘を受けまして。 ただ、僕は数学者ではなくプログラマなのでプログラマ的に検算をしたいと思います。 計算用ライブラリ math.js という計算ライブラリがあります。今回はこれを使って検証してみます。 math.js | an extensive math library for JavaScript and Node.js math.js の導入 Node.js 等で動かしたいのであれば npm 等で導入できる。 Webサイトで使いたいのであれば、 jsファイルを入手して設置しても良いし、 CDN のファイルを直接参照する方法もある。 今回は CDN を参照する形で導入した。（このブログ自体に） math.js 導入後 mat
JasperというGitHub Issue Readerを作りました - maru source
先にまとめを書いておきます GitHubの大量のIssue/PRを効率的に閲覧できるJasperというソフトウェアを作りました 閲覧したいIssueのStream(RSSフィードみたいなもの)を好きな条件で作成することができます 条件はメンションされた、作成した、特定のリポジトリなど、かなり柔軟に設定できます Mac/Windowsの両方に対応しており、$12で販売中です無料で使えます 30日間のフリートライアル版もあります 背景 ソフトウェアエンジニアとして仕事や個人で活動をしていると、GitHubやGitHub Enterprise(GHE)を使うことが多いと思います。 僕も仕事ではGHEを使っており、個人ではOSSを作っているのでプライベートな活動でもGitHubをよく使っています。 そんなGitHubですが、一つ大きな不満があります。 それはIssueやPull Request(P
JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -
どうも、まさとらん（@0310lan）です。 今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式
知っておきたい！人気JavaScriptフレームワーク10選
JavaScriptでフレームワークを使うという発想は、以前にはあまりなかった。 JavaScriptはライブラリさえあれば十分に機能していたからだ。 しかし、Webアプリケーションが複雑になるにつれてJavaScriptフレームワークも一般的になりつつある。 現在注目を集めているJavaScriptフレームワークに、どのようなものがあるかを今からご紹介していく。 色々なフレームワークがここ数年で登場してきており、それぞれ特徴が大きく違っている。 今人気のJavaScriptフレームワークを知ることで、学習や構築をはじめる際の参考にして頂ければ幸いだ。 JavaScriptフレームワークその1 AngularJS 出典：AngularJS 概要 AngularJSは、もっとも有名なJavaScriptフレームワークのひとつだ。 エンタープライズ系(企業向けのシステムを作る企業の事)のフレー
sprockets + rails-assetsを卒業して、npm + webpackへ移行 - ただのにっき(2016-05-19)
■ sprockets + rails-assetsを卒業して、npm + webpackへ移行 1年少々前、Webアプリのフロントエンド開発環境として暫定的にRails Assetsを使うことにしたのだけど、あれからjs界隈もしだいに落ち着いてきて*1、いろいろと勝ち組っぽいツールが決まってきた気がする。 そんなわけで、徐々にそっち方向へ移行してこうかな、と。とくにRails Assetsはサービス自体が終了の方向らしいので、まずはそのへんから。jsのパッケージマネージャとタスクランナーの勝ち組として、おれの観測範囲でみえてる感じだと: パッケージはpackage.jsonをnpmで管理するのが一番シンプル タスクランナーもnpmでいいよもう……という流れが強そう AltJSは使わずにES2015、ビルドにはWebpackとBabelの組み合わせ ってところか? 少し前に話題になった「1
慣れる？JS 素早く究明！デバッグ入門
2016-05-24（火）19:30 - 21:30 https://html5j-begin.doorkeeper.jp/events/36265
Ubuntu 15.04でtextlint - みつきんのメモ
Twitterでtextlintが良さげと流れてきたので、Ubuntu15.04に導入してみる。 npmでインストールするのだが、apt-getでインストールされるバージョンでは古く、多少手順が必要だったためメモっておく。 npmのインストール Ubuntuに最新のNode.jsを難なくインストールするの手順でnpmの最新版をインストールする。 apt-getでnodejsとnpmをインストールする。 npmでnパッケージをインストールする。 nパッケージでnodeをインストールする。 apt-getでインストールしたnodejsとnpmを削除する。 実際には以下のような感じになる。 $ sudo apt-get install -y nodejs npm $ sudo npm cache clean $ sudo npm install n -g $ sudo n stable $ su
JavaScript開発における多段式エラープルーフについて - 若くない何かの悩み
第14回HTML5ビギナーズで、JavaScript のデバッグ作業を短くする「多段式エラープルーフ」について発表してきました。 スライド speakerdeck.com コードのサンプル github.com まとめ JavaScript のデバッグ作業を素早くこなすなら、多段式エラープルーフが必要です。
JavaScirpt でマウス座標（位置）を取得する - はしくれエンジニアもどきのメモ
JavaScirpt でマウス座標（位置）を取得する JavaScirpt でマウス座標（位置）を取得方法をメモ。取得する方法は2 種類あるようです。 (clientX, clientY) と (pageX, pageY) の違いと、 (getBoundingClientRect().left[top], getBoundingClientRect().top) と (offsetLeft, offsetTop) の違いをまとめておきます。 サンプル ドラッグでCanvas 上に線を引けるサンプルです。その下にマウスの座標値が表示されます。 cartman0.github.io コード JavaScript でマウス座標を取得し、Canvas上に線を描画 clientX[Y] と getBoundingClientRect().left[top] Canvas 上の座標を求めるコードを以下
Three.jsとCANNON.jsで作る「VR3D脱出迷路アプリ」作成（その1） - Qiita
WEB GLで作る迷路アプリ 最近は、JavaScriptで利用できる物理エンジンが増えてきたこともあり、 「3D脱出迷路アプリ」 を、「Three.js」と「CANNON.js」を使用して開発する方法について書いていきたいと思います。 当初は「Three.js」だけで開発をしようと思っていたのですが、以前に「iPhone・Androidアプリ」を開発していて、「衝突判定の実装」が思いのほか重たかったため、、今回は物理エンジンを使うことにしました。 「oimo.js」や「Phisi.js」「ammo.js」など、さまざまな物理エンジンを試して、比較的新しくて物理計算速度が高いことと、実装がしやすい仕様だったため「CANNON.js」を使用することにしました。 ◆Three.js ◆CANNON.js ■「Three.js」と「CANNON.js」の関係 「Three.js」は、一から実装を
Guzzle Promiseを使った
非同期処理によるAPIコールの高速化
JavaScript で非同期処理を実現する Promise という機構はご存知でしょうか？ 今回は「Promise の考え方を PHP で実装した Guzzle Promise」を使って、大量の API コールを高速化したときの経験についてお話してみたいと思います。 Talked: - …
JavaScriptにフレームワークが必要な理由 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? JavaScriptにはむしろもっと抽象化がもたらされるべき - Qiitaという記事で、もう少し踏み込んだ話を書いてみました。 某所でReact.js界隈の人に聞きたいというフレームが発生したのだが、はてなブックマークでコメントしたらIDコールされたので、反論をここに書くことにした。(最近は技術系記事はQiitaにしか書いてないので)。 あくまで僕が考えるなので、JavaScript界の人達が本当はどう思っているかはわからない。そもそもJavaScriptを本格的にさわり始めたのごく最近なので、JavaScript界では異端かもしれな
React.js界隈の人に聞きたい
**誰かみんなの主張のまとめを作ってくれないですか？** (まあそれこそお前がやれよって話かもしれないので、誰もやってくれなかったら私がしますが。。) 最近、JQueryはもはや不要でReactさえあればOK,みたいな記事をよく見ますね。 論旨としては、どうせトランスパイラ使ってるんだからもっと便利な書き方しようぜ！ってことなんだと思います。(virtual DOMがメインだ！という話もあったけど、じゃあ何でReactなの？というのは聞きたいかな。メジャーだから？) ただちょっと個人的に違和感が拭えないので聞きたいです。 ちなみに私は昔coffeeとbackbone.jsか何かで業務用のページ（SPAではなかったような気がする）を作るお仕事をしたことがありますが、フロントエンドエンジニアというわけではないです。どちらかというとサーバー管理とかのほうがよく知っていると思いますが、Javasc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Marked.js で Markdown をクライアント側でパースして表示する - Qiita
http://www.ituore.com/entry/javascript-for
http://www.ituore.com/entry/javascript-basic
