ohbaryeのブックマーク / 2016年9月3日

ohbarye id:ohbarye

2016年9月3日のブックマーク (5件)

bouncejs.com - bouncejs リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ohbarye 2016/09/03
animation

js
リンク
React + Railsで個人サービスを開発してみた話 - hi, my name is gonshi.
おはようございます。ゴールデンウィークいかがおすごしでしょうか。これまでブログの中であまりエンジニア的な話はしてこなかったのですが、改めて自己紹介をさせていただきますと、僕は横浜でWebのフロントエンドエンジニアをやっている者です。名を田島といいます。どうぞよろしくお願いします。さて、僕はエンジニアでありながらスロットも大好きなので、最近ではその趣味が高じて、誰でも言葉のスロットが作れる！スロットメーカーという、なさそうでなかったWebサービスを作ってみました。 slot-maker.com 制作に用いた技術はフロントエンドに React.js (フレームワークはFlux)、バックエンドにRuby on Rails (主にAPIのみ)という構成で実装しました。今回はその技術的なお話を書こうと思います。ところで、僕が普段やっている仕事は、 3分でわかる！事故予測検定のよう
ohbarye 2016/09/03
React

rails
リンク
モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ
投稿推進部の外村（@hokaccha）です。クックパッドブログの開発でRails上にECMAScript6などのモダンなJavaScript開発環境を導入した経験を元にノウハウを紹介したいと思います。 RailsはSprocketsというgemでJavaScriptやCSSをコンパイルする仕組みが提供されています。Sprocketsによるasset管理の仕組みは非常によくできており、AltJSのトランスパイルやファイルの結合、minifyなど、assetのコンパイルに必要な機能を一通り備えています。しかし、JavaScriptにおけるモジュールの依存関係の解決や、ライブラリの管理などについてはモダンなJavaScript開発と乖離してきているのが現状です。そこで、Railsでも以下のようなことを実現できることを目標に環境を作りました。 ECMAScript6のシンタックスを使うモジュ
ohbarye 2016/09/03
rails

sprockets

browserify
リンク
Adding A Robust Form Validation To React Redux Apps
Form validation is vital because it helps with the UX. It helps user know that there is something wrong with what they’ve entered or if they’ve missed something and so on. A “robust” form validation helps with (at least): Client-side Validation: e.g. Check empty fields, password length etc.Instant Server-side Validation: e.g. Instantly check server if username is unique upon blur.OnSubmit Server-s
ohbarye 2016/09/03
[validation]

react
リンク
ReactとHTML5 Form Validationでリアルタイムチェック機能付きフォームを作る
サンプルについてメールアドレスとURLを入力して送信するフォームです。リアルタイムで入力値のフォーマットと入力の有無のチェックを行います。入力値に問題がなければ、送信ボタンが押せるようになります。ボタンを押すと、入力値がアラートとして表示されます。※サンプルなので、かなりシンプルに作っています。サンプルのソースコードはGitHubで確認可能です。 maechabin/react-validation-form – GitHub実際にReactの実装を行っているのが以下のJSファイルとなります。 https://github.com/maechabin/react-validation-form/blob/master/src/app.js実装方法の説明の前にReactの基礎知識の説明や開発環境の構築方法などは省略します。その辺の情報については、当ブログの以下の記事などを参考にしてください
ohbarye 2016/09/03
React
リンク
- 2016年9月5日
- 2016年9月3日
- 2016年9月2日