You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 以前 React Redux を用いた SPA 新規サービスを運用して得た知見と実装例 と言うテーマで発表した内容に、加筆修正して記事にしてみました。2年半くらい取り組んで見ての結果や感想をシェアできればと思います。 対象読者 SPA の開発に興味がある方 最近の WEB フロントエンド開発に興味がある方 ある程度 React や Redux を触ったことがある方、触りたい方 目的 具体的な実装例をもとに知見を共有し、Web 開発の役に立ててほしい おかしな実装や、もっと良い方法があれば、教えてほしい 内容 コードベースでの実装例の紹介
はじめに 先日、無料で簡単にNode.jsアプリを公開できるサービス「Glitch」が話題になりましたが、Firebaseを使えば同じようなことが簡単にできます🔥 本記事では何かと便利なFirebase Hosting と Cloud FunctionsでNode.jsアプリ(HTTPリクエスト受け取って静的リソースとかJSONとか返すもの)を動かす方法をご紹介します。 こちらのFirebaseの中の人のチュートリアル動画が勉強になったのでそれをベースに解説してみます。 Firebase Hosting + Cloud Functionsを使うことのメリット 初めにどんなメリットがあるかを軽くご紹介します。 GoogleのCDNの恩恵が自動的に受けられる 後述しますが、動的コンテンツのキャッシュも簡単に作れるのでパフォーマンスの改善に利用できます デプロイが楽々、CLIから楽々できます
2019: try hooks + promise debouncing This is the most up-to-date version of how I would solve this problem. I would use: awesome-debounce-promise to debounce the async function use-constant to store that debounced function into the component react-async-hook to get the result into my component This is some initial wiring, but you are composing primitive blocks on your own, and you can make your ow
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta name="robots" content="index"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Twitter API account rate limit status APIのレート制限(Rate Limiting:実行可能な回数)を取得 表示</title> </head
注意 **1回に最大100件までしか取得できないので、100件以上の場合は、次ページをとりなおすか、**素直にStreaming APIを使わないとダメでした。。。 User Streams APIは2018年6月20日廃止予定とのこと http://www.itmedia.co.jp/news/articles/1712/20/news101.html 前提 twitterのAPIを使って、あるキーワードに関するツイート件数を取得したい 実装はpythonを想定 概要 検索のREST APIがあるので、これを定期的にたたくのが一番楽そう API制限は、450req/15min。1日1回の更新頻度でよければ 最大約4万キーワード分まで取得可能 それ以上の頻度、キーワード数でとりたい場合はStreaming APIを使うか検討 REST APIを使う https://api.twitter.
ハイパーテキストをマークアップするのがHTMLなら、グラフィックをマークアップするのがSVGです。簡単なコードであれば形をイメージできるうえに、JavaScriptから手軽に操作できます。 WebGLを含むCanvasは、できる事の幅でいえばSVGよりもはるかに上ですし、ベジェ曲線も用意されていますが、線を引くだけなら大げさな気がします。あとレスポンシブ対応が地味にめんどくさい。サクサク動くゲームとか、ゴリゴリ動くリッチなサイトをCanvasで作れる人はすごくすごいと思います。 そんなこんなで、今回はSVGを使います。 Vue.jsとSVG SVGの実体はXMLなので、HTMLのようにVue.jsから操作できます。ベジェ曲線に必要な座標を変数として定義しておいて、それをリアルタイムで変更できるようにすれば、いい感じのベジェ曲線がVue.jsとSVGで実現できそうです。高まります。 実装 プ
tl;dr ReduxのActionに関するベストプラクティスを 本家のdocumentやdiscussion含め日英の文献にあたりながら模索してみました。 Action名は「システムが行うこと」ではなく「実際に起こったこと」を書く Actionのフォーマットは、Fluxスタンダードにあったものを使う APIのデータはnormalizrで正規化する 「基本的に」データの加工はActionで完結させる ActionがFatになりすぎたら①〜副作用がないデータ加工はReducerでやる〜 ActionがFatになりすぎたら②〜redux-sagaに非同期処理を書き、分ける〜 ※※※ 特に後者3つに関して、コメントでご指摘を頂いておりますのでそちらも必ずご参照ください。 まえがき 筆者はReactを使っていますが、Vue等他のライブラリを仕様した際も転用可能な議論かなと思います。 冒頭にも書きま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く