WIP@Annotationが使えるJavaScriptグラフライブラリの選定
TODO: Googleで[Annotation JavaScript graph]で検索する
JavaScriptグラフ適当分類メモ
JavaScript Graphing Library Comparison
グラフ比較サイトだけど多くて選別できない
多機能
Data Visualization - Gallery of Interactive JS Charts | ZingChart
jQuery Widgets & Controls - ASP.NET MVC Controls – IgniteUI
vis.js - A dynamic, browser based visualization library.
リアルタイムグラフやタイムラインが面白い
plotly.js | JavaScript Graphing Library
JavaScript Charts and Maps | amCharts
http://js.devexpress.com/WebDevelopment/Charts/
アニメーション
Chartist - Simple responsive charts
おしゃれアニメーション
真面目おしゃれ
おしゃれ
Canvasで超可愛いグラフが作れる!「Chart.js」の紹介 | 株式会社LIG
まじめ
Beautiful HTML5 JavaScript Charts | CanvasJS
Highmaps JavaScript Maps | Highcharts
GitHub - codesuki/react-d3-components: D3 Components for React
dimple - A simple charting API for d3 data visualisations
Multiple plots sketch - jagracar
シンプル
Chart Gallery | Charts | Google Developers
3D座標
GitHub - frewsxcv/graphosaurus: 3D graph viewer powered by WebGL (three.js)
サムネイル
組織図
yFiles for HTML - HTML5 / JavaScript Diagramming Library
ネットワーク
Cytoscape: An Open Source Platform for Complex Network Analysis and Visualization
GitHub - anvaka/VivaGraphJS: Graph drawing library for JavaScript
ヒートマップ
heatmap.js : Dynamic Heatmaps for the Web
地図
おまけ
WIP@CSSをどう書くか考えるために各社のCSSを調べてみた
Cookpad
内製 Sara Framework
normalize.css v3.0.0
suit-utils-link v0.2.0
後はベタ書きかな
OneSignal
Bootstrap
potatotipsでPUSH通知の許可UIに関して発表してきました
potatotips #26 (iOS/Android開発Tips共有会) - connpass で発表して参りました。運営スタッフの方や会場提供のSupershipさんありがとうございました。
発表資料
Twitterの反応
続きを読むpush通知の話
— かぺぺ (@shizshizc919) 2016, 2月 17
・唐突系
・事前説明系
・事前説明+擬似アラート
・通知許可許可系
通知の意味を伝えないと、みんなOFFにされちゃうという気がしてる😰
若者達は通知OFF慣れしてそう
#potatotips
Herokuと一緒に使う画像クラウドサービスまとめ
Herokuには画像が保存が出来ないのでS3や他のクラウドサービスに画像を保存する必要があります。選択肢を調査してみたのでまとめました。他におすすめがありましたら、よかったら教えて下さい。
Cloudinary - Cloud image service, upload, storage & CDN
とても良さそうなサービスだが、メールアドレスに対して画像アップロード空間が割り当てられるので、サービス毎に画像のアップ先を分けるためにはメールアドレスを切り直さないと行けない点が少し違和感がある。
実際に Can I use multiple ‘clouds’ on a single account? – Cloudinary Support では、別のアカウントを取得することを推奨している。
imgix • Real-time image processing and image CDN
自動でデバイスに合わせた画像を配信したり、最適なフォーマットを自動選択する機能は最高だと思いました。しかし、従量課金制なのが辛いかなと思いました。
Blitline - Image processing in the cloud
月額課金+使用時間課金です。機能は普通だと思いました。時間課金だから計算が難しいですが、そこそこ値段を高く感じた。
FilePreviews
サイトがシンプルでいい感じです。月額課金+ファイルアップロード単位の従量課金でした。従量課金制は、やはり少しだけ抵抗を感じる。
Kraken Image Optimizer · Kraken.io
画像の自動軽量化などが特徴のようです。月額制課金+追加GB従量課金のようです。
File Management for Images, Videos & more - Upload, Store, Process, & Deliver
シンプル&月額課金です。Cloudinaryに比べて機能は少ないですが、アプリ毎に画像のアップロード領域を区切れるメリットが有ります。
JavaScript Monitoring
特化
JavaScript Error Tracking from TrackJS
汎用
JavaScript Error Monitoring - Bugsnag
Sentry: Track exceptions with modern error logging for JavaScript, Python, Ruby, Java, and Node.js
Rollbar - Error Tracking Software for Ruby, Python, JavaScript, more
パフォーマンスモニタ付き
Real User Monitoring and JavaScript Error Tracking | Atatus
JavaScript errors page: Examining errors over time | New Relic Documentation
番外編
iOSページスクロールライブラリの考察
触ってみたライブラリ
GitHub - goktugyil/EZSwipeController
使い方が難しそうだった
GitHub - hirohisa/PageController
ページタブまでついてくる奴は使いにくいかも
GitHub - kitasuke/PagingMenuController
ページタブまでついてくる奴は使いにくいかも
GitHub - mamaral/MAPageViewController
Objective-Cなのがちょっと気になる
GitHub - mindsnacks/MSPageViewController
Storyboardを見に行くのがユニーク
GitHub - DavdRoman/DRPageScrollView
Objective-Cなのがちょっと気になる
GitHub - jhurt/GBPageControl
良さそう
まとめ
もう少しシンプルで、画面を全てロードせずUICollectionView風に扱えるライブラリがほしいと思った。