Evaluating React.js and Flask - Avi Das
Update: Udemy has generously granted a free coupon for the readers of this blog for their React JS and Flux course. Use the code avidasreactjs and the first 50 readers will get free access to the course! As a connoisseur of the web, front-end frameworks have been been a fertile area of late. React.js from Facebook has taken much fanfare, and this post evaluates key ideas on react, and digs into wh
WEB+DB PRESS Vol.97 | Gihyo Digital Publishing … 技術評論社の電子書籍
Vol.1～120までのPDFを収録したDVD-ROMが付いているお得な総集編もあります！ WEB+DB PRESS総集編［Vol.1～120］ https://gihyo.jp/book/2021/978-4-297-12215-7 特集1 Reactで作るシングルページアプリケーション入門 高速！ 使いやすい！ シングルページアプリケーションとは，画面の描画や遷移をクライアントサイドのJavaScriptですべて行うWebアプリケーションのことです。古くはGmailやGoogleMapsなどで実現されていたものですが，ブラウザの機能の大幅な強化や，Reactなどのフレームワークの登場により，ここ数年で飛躍的に作りやすくなりました。本特集では，Reactによるシングルページアプリケーション開発について徹底的に解説していきます。 特集2 MySQL運用最前線 無停止で変更，柔軟な負荷分散，
React 入門チュートリアル① - Qiita
はじめまして、あけましておめでとうございますm(_ _)m 開発でReactを使うおことになり、現在もReact勉強中なのですが、 プログラミング初心者向けのReactの記事が意外と少なかったので、書いていこうと思います。 自分もプログラミング歴４ヶ月程のひよっこなので、これからアプリ作ってみたい方がいましたら、ReactNativeにも触れていこうと思うので是非是非~ 今回の目標 ・できるだけ簡単にReactに触れてみる ・基本中の基本の「コンポーネント作成→HTMLに変換→表示」の部分を理解する ・文字の表示とCSSを当てる 用意するもの html,css,js（javascript）のちょっとした知識 jsに関しては自分も「確かな力が身につくJavaScript「超」入門」を 2/3くらいやった(途中で飽きた)程度 テキストエディタ(Sublime、Atomとか) ブラウザ(Crom
2016年、サーバーサイドエンジニアがゼロからReact/Reduxを学習したときの方法を振り返る
こんにちは。スタジオ・アルカナのサーバーサイドエンジニアなっちゃん(@natsumican63)です。 この記事はReact Advent Calendar 2016の13日目の記事です。 それは2016年も後半へ差し掛かったある日のことでした… 上司「次の案件、この辺の技術使うから軽く勉強しておいてー」 つ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel + OnsenUI + Gulp + Webpack ( ﾟдﾟ) (つд⊂)ｺﾞｼｺﾞｼ (；ﾟ Дﾟ) !?!? (; ﾟдﾟ)「…わ、わかりました」 ※「何でもやります！やらせてください！」が私の口癖なので、決して無茶振りしてくる弊社ではありませんよ！ほんとだよ！！ 斯くして2016年、サーバーサイドエンジニアがはじめてフロントエンドへの門戸を開くこととなった際の学
ReactでSSR(サーバサイドレンダリング)している話 - Qiita
この記事はAkatsuki Advent Calendar 2016の7日目の記事です。 こんにちは、 @shimpeiws です。 アカツキのライブエクスペリエンス事業部で、Webエンジニアをしています。 今日は最近開発しているプロダクト、Wowful(現在β公開中)のアーキテクチャについて書きます。 ※ 今回の記事は以前発表した 2つのスライドの増補改訂版のポジションです。 サーバサイドレンダリング、してますか? BFFにかける期待 Wowfulのサービス面の特徴と技術的な要求 Wowfulはサービスとして以下のような特徴を持っており、 これらの要求を解決できる技術・アーキテクチャの選定を行う必要がありました。 まずはWeb主導で展開する BtoCのサービス 利用ユーザはスマートフォンが多数になる予想 検索からの流入を主な導線として想定 トラフィックが多いページのユーザインタラクション
React + Flask + Python + MongoDBで作るRSSリーダー - test.py
これまで２回に渡ってReactについて学んできた。 testpy.hatenablog.com testpy.hatenablog.com 僕は普段、Pythonを使って機械学習やデータ解析のコードを実装してるのだが、 Webアプリ化したいな、できればReactで実現できたらいいな、と思うことが度々あった。 そこでPythonistaのために、Reactを使った簡単なWebアプリ作成記事があればと、 今（2016/10/31現在）は亡きReactチュートリアル日本語版 をベースに、MongoDBに格納したRSSをPythonで読み込み、Flask経由でクライアントに送り、 Reactで描画してみたので、コードを載せておく。 ただし説明はほとんどないので、バリバリのReact初心者の方は、上の記事でベースを固めてから読んでみて下さい。 ちなみに、Reactチュートリアルのソースはまだあります
React と地図ライブラリの共存について - Qiita
React Advent Calendar 2016 の 2 日目の記事です。 お題がライブラリの共存についてなので、少し抽象的な話が多いかもしれません。 従って、React をある程度理解されている方を対象とします。 React と地図ライブラリ (Leaflet.js) をうまく組み合わせてフレームワークっぽいものをオープンソースで実験的に作っています。 そこで得た課題とそれに対してどう取り組んでいるかを記してみます。 少しでも開発するサービスやアプリで地図を扱うことがあれば、こんなこと考えてるやつもいるのかーとご笑覧いただければ幸いです。 Leaflet.js とは？ まず、Leaflet.js を知らないという方もいるかと思いますので、簡単に説明します。 Leaflet.js とは Web 上に地図を作成するためのオープンソース ライブラリです。GitHub や Facebook、
Obelisk.jsとReduxで3Dテトリス「Oberis」を作ってみた - Qiita
これは Redux Advent Calendar 2016 の1日目の記事になります。 作ったもの ソースコード / オンラインデモ カーソルキーで移動、スペースキーでポーズ、エンターキーでドロップ。回転は未実装。 構成 React.js + Redux + redux-saga + Obelisk.js Webpack Babel (ES2016, React, Stage-2) flowtype mocha + power-assert なぜ3Dテトリス? 業務で扱っている機能やアプリケーションではReduxを使っていてあまり困ったことがなく、1年以上のメンテナンスに耐えることができました。一方でReduxつらい、わからんという声は今でも一定数あります。そこで普段とは違ったタイプのアプリケーションを題材にしたら、これまで気付かなかった問題に出会えるかもしれないという期待をもってゲーム
電卓アプリで学ぶReact/Redux入門(実装編) - Qiita
はじめに React.jsとReduxを理解するために簡単な電卓アプリを作成しました。 今回はWelcome to Reactから始まり、実際にReact/Reduxで電卓アプリを作るまでの手順を説明したいと思います。 特にReduxのデータフローについては言葉や図だけではよくわからないと思うので、電卓アプリを実際に作成することで少しでも理解の助けになればいいなと思っております。 今回の記事では実装がメインとなっているため、React.jsやReduxの概念などについては省略しております。基礎的な部分を理解したい方は「Reduxの電卓アプリで学ぶReact/Redux入門(基礎知識編)」を読んでからこちらの記事を読むと理解がしやすいかと思います。 電卓アプリはcreate-react-appをベースに作成し、簡単のために加算の機能のみ作ります。 create-react-appについて ま
5分で理解する React.js - Qiita
いまさらですがReact（react.js）をはじめてみました。 Virtual DOMばかりが話題にあがるReactですが、それにとらわれていると理解が進まない、と言うかReactで理解しなければならないのはVirtual DOMではないことがわかりました。 Reactについての良い資料はすでにたくさんありますので、末尾に参考資料としてあげています。 このエントリは自分がReactのチュートリアルをなぞりながら書いた自分用のメモですが「1エントリで概要をちゃちゃっと理解したい」という方に役に立ったら良いな、とも思っています。 Reactチュートリアル http://facebook.github.io/react/docs/tutorial.html 基本 JavaScriptで書かれたライブラリ。react.jsをインクルードして使う。 （MVCで言うところの）Viewのみを担当する。
【JavaScript�初心者】React.jsのよく出るエラーと解決集
タグ 1000万@typeAbemaTVairbnbAWAblocklyC++Century21CodeCampCREATOR'S HIVE （クリエイターズハイブ）CSSCTOCygamesC言語d3.jsDeNADIVEINTOCODEDMM英会話dockerDODADTPデザイナーDYMECCESESLintFintechfreeeGMOGMOペパボGoogleGoogleアナリティクスHTMLIE対策illustratorIoTIT企業IT求人ナビJACリクルートメントJavaJavaScriptjoevlogjQuerykakaku.comKLabLINELinkedinMERYMiidasmixiMySQLNHN PlayArtNianticNNTNON STYLEnoteNOVANYLONOB訪問offerboxoptPairsPhotoshopPHPphpmyadminpi
Go 言語と React で考える「いい感じなURL設計」入門
Description 白ヤギコーポレーションさま主催の「最先端情報吸収研究所（AIAL）」のプレゼンテーションで使用したドキュメントです。 「URL」を軸にして、サーバーサイドを Go 言語、クライアントサイドを React (+ TypeScript) で実装する場合の要点を紹介しました。 - いい感じな URL と わるい感じな URL - RESTful API のおさらい - Echo と REST API と URL - React と SPA と URL - いい感じの URL設計を目指す旅 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. interface FooterProps { company:string } export class FooterComponent extends React.Compo
React.js界隈の人に聞きたい
**誰かみんなの主張のまとめを作ってくれないですか？** (まあそれこそお前がやれよって話かもしれないので、誰もやってくれなかったら私がしますが。。) 最近、JQueryはもはや不要でReactさえあればOK,みたいな記事をよく見ますね。 論旨としては、どうせトランスパイラ使ってるんだからもっと便利な書き方しようぜ！ってことなんだと思います。(virtual DOMがメインだ！という話もあったけど、じゃあ何でReactなの？というのは聞きたいかな。メジャーだから？) ただちょっと個人的に違和感が拭えないので聞きたいです。 ちなみに私は昔coffeeとbackbone.jsか何かで業務用のページ（SPAではなかったような気がする）を作るお仕事をしたことがありますが、フロントエンドエンジニアというわけではないです。どちらかというとサーバー管理とかのほうがよく知っていると思いますが、Javasc
React + Railsで個人サービスを開発してみた話 - hi, my name is gonshi.
おはようございます。ゴールデンウィークいかがおすごしでしょうか。 これまでブログの中であまりエンジニア的な話はしてこなかったのですが、 改めて自己紹介をさせていただきますと、僕は横浜でWebのフロントエンドエンジニアをやっている者です。 名を田島といいます。どうぞよろしくお願いします。 さて、僕はエンジニアでありながらスロットも大好きなので、 最近ではその趣味が高じて、 誰でも言葉のスロットが作れる！スロットメーカー という、なさそうでなかったWebサービスを作ってみました。 slot-maker.com 制作に用いた技術はフロントエンドに React.js (フレームワークはFlux)、バックエンドにRuby on Rails (主にAPIのみ)という構成で実装しました。 今回はその技術的なお話を書こうと思います。 ところで、僕が普段やっている仕事は、 3分でわかる！事故予測検定 のよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Developing A TODO Application with ReactJS and Python Flask – John Dave Decano