nabinnoのブックマーク - はてなブックマーク

Webの未来は今。Polymer 2.0とWeb Components。Google I/O 2017 - Qiita
Webの未来は今。Polymer 2.0とWeb Components。Google I/O 2017GooglePolymer Googleが「Google I/O 2017」でW3C標準のWeb ComponentsベースのフレームワークPolymerの2.0のリリースを発表しました。 Polymer Keynote on Day 1の内容を速報します。プロダクトマネージャーTaylor Savage 今年、SafariがWebコンポーネントをサポートしました。これによって、10億以上のモバイルデバイスがWebコンポーネントをサポートすることになります。 PolymerはWebプラットフォームを未来に進めるために、Chromeチームと協働で進めてきました。そして、PolymerはOSSのWebエコシステムと共に進んできました。 ReactやVueはWebに革新をもたらしました。
nabinno 2017/05/24
qiita

google-io

polymer-2.0

polymer

web-components

javascript

html
リンク
D3.jsのimageを円形にクリップ - Qiita
クリップ図形は円じゃなくても何でもいい。クリップ図形とimageの位置を揃えるのがポイント。 svgにdefsを追加 defsにクリップ図形を追加 defsにクリップパスを追加して、useで2の図形を指定 imageにclip-pathで3を指定。もし、imageが複数ある場合は、imageにあわせてクリップもつくる。アニメーションで動かすときは、imageとあわせてクリップ図形も動かす。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>D3.jsでimageを円形にクリップ</title> </head> <body> <div id="d3" style="width: 200px; height: 200px;"></div> <script src="http://d3js.org/d
nabinno 2017/04/06
d3.js

data-visualization
リンク
MeCabで形態素分析してTwitter Cloudをつくってみる - Qiita
PHP、JavaScriptでやってみます。環境はMac。使ったもの XAMPP PHPのall in one開発環境 MeCab 形態素分析ライブラリ php-mecab PHPでMeCabを使うためのライブラリ jqcloud タグクラウドをjavascriptでつくるためのライブラリ twitteroauth twitterの認証ライブラリ準備参考にしたURL： ※準備はこっちを見たほうが丁寧です。。。 XAMPPをインストールインストールは省略。 macの場合、デフォルトでPHPが入ってて、XAMPPのPHPと混ざってちょっと困る。なんで、XAMPPのPHPを使うように、以下の設定をしておく。 1.自分のホームディレクトリの .bash_profile ファイルに以下を追記（ファイルがなければつくる）。 export PATH="/Applications/XAMPP/
nabinno 2016/01/25
qiita

mecab

morphological-analysis

natural-language-processing

machine-learning

twitter-cloud
リンク
JavaScriptでforEach, filter, map, reduceとか - Qiita
連想配列(object)だと使えないので、eachはjQueryの$.each(collection, callback)の方が使い勝手がいいかも。 [2, 5, 9].forEach(function(element, index, array) { console.log(index + ":" + element); /** * 0:2 * 1:5 * 2:9 */ });
nabinno 2015/07/19
qiita

iterator

array

array.prototype.foreach

array.prototype.filter

array.prototype.map

array.prototype.reduce

array.prototype.every
リンク
Node.js+Express+MongoDBでREST APIをつくる - Qiita
To have launchd start mongo db at login: ln -sfv /usr/local/opt/mongo db/*.plist ~/Library/LaunchAgents Then to load mongo db now: launchctl load ~/Library/LaunchAgents/homebrew.mxcl.mongo db.plist Or, if you don't want/need launchctl, you can just run: mongod --config /usr/local/etc/mongod.conf
nabinno 2015/07/02
qiita

express

mongodb

node.js

web-api
リンク
Node.js + Express + passport-twitterで認証Webアプリをつくる - Qiita
Node.js+Express+Mongo DBでWeb APIをつくるの続き的な感じで。 passportなどのインストール passportは、Node.jsで使える認証用ミドルウェア。 http://passportjs.org/ { "name": "passport-twitter", "version": "0.0.1", "private": true, "dependencies":{ "express": "*", "passport": "*", "passport-twitter": "*", "express-session": "*" } }
nabinno 2015/07/02
qiita

express

passport.js

x

authentication

oauth
リンク
Google Mapの上にD3.jsでグラフをのせる - Qiita
WebAPIでとったデータをGoogle Mapにのせるの続き的に。流れ府省ごとの情報システム予算をWebAPIからとってくる府省名から住所をとってくる Google Mapを描画 Google Mapの上に府省ごとに予算額に応じたグラフをD3.jsで描く使うもの IT Dashboard WebAPI 情報システム予算があるので、それを使います。 http://www.itdashboard.go.jp/DataFeeds/webapi#300 Google Geocoding API 住所を取得するのに使います。 https://developers.google.com/maps/documentation/webservices/?hl=ja Google Map API 地図に使います。 https://developers.google.com/maps/?hl=ja
nabinno 2015/06/23
qiita

d3.js

google-maps
リンク
jQueryのあれ、D3.jsでどうやるの？(または、その逆) - Qiita
最近、D3.jsを使ってみたら、jQueryでできることがD3.jsでもできる。混ざってると変なので、D3.jsを使うときは基本D3.jsで書きたいなぁということでメモ。総合すると、D3.jsでビジュアライズするための操作はD3.jsがよくって、そうじゃない普通のDOM操作はjQueryがよいという当たり前の感じですね。 APIドキュメント当然、全部はメモしないので、困ったときはちゃんとAPIドキュメントをみる。
nabinno 2015/06/23
qiita

d3.js

jquery
リンク
1