ReactとFluxのこと // Speaker Deckhttp://inside.pixiv.net/entry/2015/04/27/170944
Instagram Growth & Management Service, Get More Followers & Customers!
Trusted by Fortune 500 companies and over 1,000 clients across the globe. getstorybook offers growth and engagement solutions for businesses on Instagram. RAPID GROWTH We grow our client’s account 6x faster than our leading competitors on average. You will notice increase in Instagram followers and likes from day 1! TARGET AUDIENCE We target followers for your page by location, interests, behavior
React のコードを ESLint で検証する - blog @arfyasu
はじめに 相変わらず、TODOアプリを作りながら React の勉強をしています。 JavaScript に lint ツールがあるのを知らずにコーディングしていたのですが、ESLint を使ってみて便利だったので手順をまとめておきます。 eslint.org これで、 セミコロンのつけ忘れ console.log 残したままだった〜 なんていうこととはおさらばです！ 環境 OS X 10.10.5 ESLint 2.3.0 ESLintの導入 npm から ESLint をインストールします。 $ npm install --save-dev eslint $ node_modules/.bin/eslint -v v2.3.0 設定ファイルの作成方法 ESLint の最大の魅力は、検証項目を自由に設定出来ることです。 逆に、検証項目が多すぎて導入が大変となっては元も子もありません。 初
regex101: build, test, and debug regex
An explanation of your regex will be automatically generated as you type.
Tutorial: Tic-Tac-Toe – React
You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques you’ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React. This tutorial is designed for people who prefer to learn by doing and want to quickly try making something tangible. If
ReactとD3.jsの組み合わせで変わる！JavaScriptアニメーション開発
人気のデータビジュアライゼーションライブラリー「D3.js」をもっと使いやすく、便利にするために。Reactを使ったコンポーネント化に取り組み、リアルタイムで描画されるアニメーションを作ります。 D3は最高です。Webのデータビジュアライゼーション分野におけるjQueryのように、考えられるあらゆることが実現できます。 オンラインで見られる最良のWebのデータビジュアライゼーションの多くがD3を使用しています。D3は素晴らしいライブラリーですが、最近のv4のアップデートで従来よりさらに安定性が増しました。 Reactと一緒に使えば、D3はさらに便利になります。 ちょうどjQueryのように、D3は高性能ですが課題もあります。データビジュアライゼーションが大規模になればなるほど、用いるコードは複雑になり、バグを修正したりアイデアを絞り出したりするのにさらに時間がかかるようになります。 しかし
pdf.jsをつかってPDFの内容をcanvasにレンダリングする - みかづきブログ その3
github.com すごいライブラリですね。さすがMozilla。 つかいかた 1. ライブラリをダウンロードして解凍 https://mozilla.github.io/pdf.js/getting_started/#download からライブラリをダウンロード 2. ソースを編集 viewer.htmlにアクセスした際、デフォルトではcompressed.tracemonkey-pldi-09.pdfを開くようになっているのですが、 web/viewr.js の28行目を編集することでデフォルトで開くPDFを変更できます。 3. サーバにアップ buildフォルダもwebフォルダもまとめてアップしましょう。 4. viewer.htmlにアクセス http://kimizuka.github.io/pdfjs/web/viewer.html PDFの内容がレンダリングされています。
Daydream : AndroidのDaydreamアプリをProcessing.jsで作成する - tomoyukim's blog
Android 4.2から搭載された新機能「Daydream」は、電源接続時やDock接続時に有効になるスクリーンセーバー機能です。 個人的にはProcessingのような「絵画的」作品が作成しやすいフレームワークでは、その制作物はスクリーンセーバーとか、壁紙のような使い方が合っていると思っているので、Daydream対応は「これぞ！」という第一印象を持ちました。 Processing界隈では、AndroidへExportされたコードがPAppletというProcessing関連のFWになるクラスに依存していて、それがActivityベースなのでLive Wallpaperが作れない…というスレッドがあったりして、通常アプリ以外のAndroidアプリを作ることがなかなか難しい背景があります。 今回はProcessingのJavaコードをなんとかするのではなく、Processing.jsの方
AWSで始めるServerless React Server Side Rendering
グランフロント大阪2016 LT資料です。
ES2015 (ES6)についてのまとめ - Qiita
ECMAScriptとは ECMAScriptはJavaScriptの中核仕様を抜き出して標準化したもの 開発当初のJavascriptは、ブラウザによる独自の拡張が多く、互換性が低かったため、Ecma Internationalが中心となりECMAScriptが開発された ES2015 (ES6)とは 先日策定された、ECMASCriptの6th Editionのことであり、当初はES6と呼ばれているが、正式名称をECMASCript2015(ES2015と呼ばれる)とし、今後は年単位のリリースを予定しているとのこと [公式サイト]http://www.ecma-international.org/ecma-262/6.0/index.html ES2015で可能となる新たなシンタックス let・constキーワードによる変数宣言 class構文 関数の引数のデフォルトパラメータ（Def
Chartist - Simple responsive charts
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Get awesome Dashboard Templates by Creative TimAre y
ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能
ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 泉水翔吾 この記事は「ECMAScript2015/ES6特集」の第1回目です。この特集ではJavaScriptの次世代仕様であるECMAScript 2015（ECMAScript 6）を取り上げ、歴史や経緯から追加された機能や文法の詳細など複数回に渡って解説していきます。 ECMAScriptとJavaScript そもそもECMAScriptとはなんでしょうか？JavaScriptとは一体何が違うのでしょうか？ECMAScriptとJavaScriptの関係は、JavaScriptが生まれた1995年まで遡ります。 JavaScriptは1995年、当時Netscape CommunicationsにいたBrendan Eich氏がWebで実行できるスクリプト言語として開発しました。その後Inte
URLスキームを利用して、アプリが入ってたらアプリ起動、入ってなかったらストアへ！を実現。 - Qiita
概要 アプリを作った後に、アプリのストアURLをシェアしたりしますよね？ もしそのリンクを開いた時に PCユーザーならアプリの公式HPへ飛ばす Androidユーザーかつアプリが入っていたらアプリを起動 Androidユーザーかつアプリが入っていなかったらアプリのストアを表示 iOSユーザーかつアプリが入っていたらアプリを起動 iOSユーザーかつアプリが入っていなかったらアプリのストアを表示 というのを実現出来たら便利じゃないですか？ 事前準備 まず、Android、iOSのアプリはURLスキームを使えるようにしておいてください。 このあたりの説明は割愛します。 あとは、アプリの公式HPとかを作ってください。 ココらへんも頑張ればできるよ！頑張れ！ プログラム 以下のプログラムを書いてサーバーにアップします。 あとは、シェアするときに下記のファイルを開くURLをシェアすればおk。 <!DO
生き生きとしたモーションを作れるJSライブラリ、mo.jsがすごい｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、デザイナーのサリーです。 相変わらずJSに対する苦手意識が拭えない私ですが、自分で動きまでつけられるになりたいですよね。私でも扱えそうなライブラリないかな〜と探していたら、「mo.js」というアニメーションライブラリのDEMOが素敵だったので、チュートリアルを見つつ使い方を勉強してみました。 今回は「mo.js」の紹介をしたいと思います。 mo.jsとは？ mo · js – Motion Graphics For The Web 去年リリースされた、滑らかなモーションを実現できるJSライブラリです。 モーションが感動するほど軽快なので、ぜひDEMOをご覧ください。 DEMO motion graphics for the web 公式DEMOその1、ロゴのアニメーションです。美しいです。 軽快にはずむボールが、ちゃんと楕円になっているところに注目・・・！ bubble lay
JSだけでVRできる！『WebVR』ことはじめ
今年はVR元年と呼ばれています。 実は過去にも何度かVR元年と呼ばれ、VRが来る、と言われていた年があります。 ですが、今年はいよいよそれが本格的になりそうな状況になってきました。 そこで今回は、「今からWebVRに備えよう！」ということで、WebVRとはなにか、それを利用して何ができるのか、利用シーンはどうか、といったことに焦点を当てたいと思います。 VR元年 本格的になりそうなのはなぜか。まずひとつ挙げられるのはOculus Rift（詳細は後述）に代表される、いくつかのヘッドマウントディスプレイ（以下、HMD）が比較的安価に家庭で利用できるようになったことです。 今年に発売される予定のものだけでも、Oculus Rift、HTC Vive、PlayStation VR、FOVE(開発キット版)など様々なHMDが市場に登場する予定になっています。 またこれらが注目される理由として、現在
『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
create-react-app-introduction
JavaScriptの「&&」「||」について盛大に勘違いをしていた件 - Qiita
Reactの最新動向とベストプラクティス
GitHub - mixmark-io/turndown: 🛏 An HTML to Markdown converter written in JavaScript
