[B! JavaScript] tdakakのブックマーク

クライアントサイドのバリデーションエラーのデータ型についての考察 - STORES Product Blog

業務委託で STORES の開発をしている @inouetakuya です。先日 STORES のフロントエンドチーム内でクライアントサイドのバリデーションについて見直す機会があり、特にバリデーションエラーのデータ型をどうするかについての議論が興味深かったので、共有させていただきます。背景議論の背景について簡単に触れておくと、STORES のクライアントサイドでは、バリデーションのライブラリとしてこれまで joi-browser を使ってきました。しかしながら、本家の Node.js 版の joi がブラウザ対応したことにより joi-browser が deprecated になったことを受けて、今後も joi を使い続けるかを検討したところ、 joi-browser と joi の最新バージョンとの間で API の差異がいくつかあり、joi-browser から joi への乗

tdakak 2021/04/06

リンク

迷わないVueの学び方 - やわらかVue.js

VueのチュートリアルはQiitaなどにたくさんあるけど、構成が千差万別で、いろいろ見比べると却って迷ってしまいます。なので、ここではなるべく一本道で学べるような、人にあった学習ルートを提案します。特急入門コース（仕事で使いたい！一週間以内に学ばないといけない）まず猫本をAmazonで注文しておきましょう。 SPAとMPAの違いを理解しよう SPAとMPAって何が違うの？SPAにしたほうがいい？初心者は.vueファイルから始めるべき？ MPAコース CDN版で大きなアプリ作れるの？ flaskやrailsとどう組み合わせるのかテンプレートエンジンとVueの組み合わせ方 SPAコース webpack(vue-cli)は何をしてくれるものなのか vue-cliで何が起こるのか見てみよう REST APIって何？ Ajaxするにあたって必要な知識＆ axiosについて vue-rou

tdakak 2018/03/26

リンク

イマドキのJavaScriptの書き方2018

PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい

tdakak 2018/01/01

JavaScript

リンク

今年のうちに知っておきたい！ES2017に入る5つの新仕様 - エンジニアをリングする

はいっ Goodpatch Advent Calendar 2016 5日目です！ 2016年もまもなく終わりますね。あと半年もすればES2017のリリースですね！というわけで先月Node学園祭でご紹介したES2017の新仕様をブログにおこしておさらいしてみようと思います！ ES2017に入る5つの新仕様 Object.values / Object.entries String padding Object.getOwnPropertyDescriptors Trailing commas in function parameter lists and calls Async Functions https://github.com/tc39/proposals/blob/master/finished-proposals.md 1. Object.values / Object.e

tdakak 2016/12/05

リンク

小さいReactアプリケーションのためのライブラリ書いた - Qiita

EventEm itterバケツリレースタイル/フレームワークなしで小さくFluxする - Qiita これ見て最近は大体自分も同じような感じのことをしているので共通化できる最小限のコードをライブラリにしてみた。元記事でも言ってるようにやることはとても少ないのでライブラリ使わないでもいいんだけどそのへんは好み。 Usage まず普通のステートレスなReactコンポーネントを作る。dispatchというpropsを受け取ってそれを通してイベントを発火するというのが唯一の規約。 import React from 'react'; // Stateless component export default class Counter extends React.Component { render() { return ( <div> <div>{this.props.count}</div>

tdakak 2016/03/18

リンク

npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう - Qiita

背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは？ npm はサーバーサイド用、bower はクライアントサイド用らしいよえっ、でもなんで bower のインストールに npm が必要なの？サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ていうかサーバーサイドJSとか node.js って何？よく見る browserify って何？こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。「CommonJS」誕生 - Javascript は汎用プログラミング言語へその昔、Javascript 大好きおじさんは言いました。 Javascrip

tdakak 2015/09/25

javascript

リンク

やさしい AJAX on Rails という資料を作りました - satococoa's blog

最近 SPA (Single Page Application) についての議論が盛んで、Angular とか React とか Flux とか Mithril とかの名前をよく聞くようになりました。でも必ずしも全ての Web アプリにおいて SPA は必須ではありません。むしろ枯れた jQuery と Rails の remote: true の仕組みを正しく使うだけで十分なケースも多数あると思います。 (特に iOS, Android のネイティブ開発者が身近にいる環境では SPA で開発するのとネイティブで実装するのとでは後者の方がコストが低いこともありますし。) ということで、「じゃあ Rails で Ajax ってどうやって実装するんだっけか？」というところをまとめた資料を公開します。中級者以上の方にとっては特に目新しい情報は無いと思いますが、経験の浅い方の自己学習や研修な

tdakak 2015/08/22

リンク

Backbone, Chaplin, Marionette そして React - Quipper における Single Page Application 開発の変遷 - Ginza.rb #26

tdakak 2015/08/19

リンク

第26回 #ginzarb 参加レポート | DevelopersIO

丹内です。掲題の通り、Ginza.rb 第26回シングルページアプリケーションのためのRailsとJavaScript フレームワークに参加してきたので、レポートします。会場に行くまで会場の株式会社みんなのウェディングさんは築地駅の近くにあり、アクセスが良かったです。また、オフィスもとても綺麗でした。 Ginza.rbでは参加前の自己紹介Pull Requestを出す文化なのですが、これを忘れていて、直前の駆け込みPRになってしまいました・・・自己紹介最初に自己紹介タイムです。 Pull Requestした自己紹介Markdownを映しながら、簡単に自己紹介をしていきました。この自己紹介だけでも、最近の流行りや苦労している点が聞けて、非常に興味深いと思いました。自己紹介を聞いている限り、「実際に触っている人が多いのはvue.js、調べている人が多いのはReact.JS」と

tdakak 2015/08/19

リンク

angularJS と jQuery に関する誤解を解く - nazokingのブログ

最近 angularJS に対する期待の低下が著しくてつらい。なんだかんだで SPA から jQuery に戻った話 - ボクココ Angularの問題でははてなブックマーク - mizchi のブックマーク - 2015年5月18日みんな使いどころを間違ってるんや。１年半くらい使ってて不満もあるけど自分のよく使う範囲では angularJS 最強だと思う。 angularJS が向いてるのは Single Page Application ではない angularJS が向いてるのは ◎ フォームのような細かい部品を多用＆ DOMツリーとデータスコープがほぼ一致していてユーザの入力をサーバに送ったりする webアプリ。管理画面、マイページ、業務アプリなど △ Single Page Application ← 簡単に作れるけどページ間の連携が必要ないならサーバ側で分けてしまった方