Vue + JSX + Nuxt Composition API で最高のフロント開発体験 - ANDPAD Tech Blog

2021/07/01 137 users Vue API ANDPAD Tech Blog

はじめに ANDPADでフロントエンドの開発を担当している小泉です。 前回、約3ヶ月前にVue Composition APIをチームで導入して得られたメリットという記事を書かせて頂きました。 その後、今年の5月頃からまた新たなプロダクトの立ち上げを担当する機会があり、フロントの技術選定についていろいろ検討する中で、Vue.jsで... 続きを読む

Deno で 学ぶ React のサーバサイドレンダリング - 30歳からのプログラミング

2021/06/27 110 users React deno サーバサイドレンダリング SSR 範囲

Deno で React のサーバサイドレンダリング（以下、SSR）を実現する方法をハンズオン形式で書いていく。 自分が調べた範囲では、単に JSX で HTML を構築して終わり、という記事が多かった。それではあまり実用的ではないので、この記事ではハイドレーションまで行う。 また、React で SSR する方法を調べたところ、ほと... 続きを読む

ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita

2018/01/09 508 users Qiita Props React製 state React

はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールで... 続きを読む

idやclassを使ってテストを書くのは、もはやアンチパターンである - Qiita

2017/11/19 394 users Qiita React class CSS カスタムデータ属性

いきなり結論を書くと、 id や class はスタイルのためのものなので、テストでそれを使うのはやめましょう。そして、カスタムデータ属性を使いましょう。 先に断っておくと主にreactについての話で、JSXを前提とします。 はじめに ご存知の通り、ロジックとスタイルは別物です。 もしスタイルの変更のためにclass名を変えて、ロジックのテストが落ちるなんてことはあってはならないのです。 cssに... 続きを読む

生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | プログラミング | POSTD

2016/03/31 313 users Webpack Flux react-router 用語 通り

React.jsが騒ぎを起こしているのはご存知の通りです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に圧倒されただけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、他に必要なのはReactの使い方を説明してくれる人だけです。免責事項：　私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツ... 続きを読む

reactjs - React Native ファーストインプレッション - Qiita

2015/03/28 338 users Qiita reactjs ファーストインプレッション 作法

React Native 概要 React.js とだいたい同じ作法で、JavaScript で書いたコードが iOS ネイティブアプリとして一応動く。そのフレームワークと開発環境を提供する。 React.js と同じ React を謳っているとおり、JSX で UI コンポーネントを定義するとか、Props や State で View のデータフローを整えるとか、setState() によるデ... 続きを読む

JSライブラリ/フレームワークの良い、悪いメモ - 素人がプログラミングを勉強していたブログ

2014/11/05 441 users フレームワーク JSライブラリ Fac プログラミング 素人

2014-11-05 JSライブラリ/フレームワークの良い、悪いメモ ※ただのメモで、未来志向なのであまり真に受けてはいけない。 良いっぽい React.js 早い/コンポネント志向/APIの設計がいい。JSXと他のトランスパイラの組み合わせという問題はある Promise ネイティブに入った、誰もが使ってる TypeScript ES6時代でも存在意義のある言語。TypeScript互換のFac... 続きを読む

JSX 速さの秘密 - 高速なJavaScriptを書く方法

2013/12/07 284 users Kazuho Oku ご存知 DeNA Co 方法

JSX 速さの秘密 - 高速なJavaScriptを書く方法 Presentation Transcript JSX 速さの秘密 〜高速なJavaScriptを書く方法〜 DeNA Co., Ltd. Kazuho Oku 1 Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved. JSXをご存知ですか?  Javaっぽいプログラミング言語です... 続きを読む

JSX / Haxe / TypeScript

2012/11/03 145 users haXe TypeScript

Accessibility View text version Categories Technology Upload Details Uploaded via SlideShare as Adobe PDF Usage Rights © All Rights Reserved Statistics Favorites 2 Downloads 0 Comments 0 Embed Views 0... 続きを読む

JSX の進化速度が半端ない - 予定は未定Blog版

2012/06/11 123 users String int function カンマ区切り エントリ

気に入らない所を直して pull request 投げたら、取り入れられたので、8 日前に書いたエントリが過去のものとなっちゃいました。関数型以前の JSX では、関数型は function(: int): string のように書く必要がありました。これはこれでそのまま使えるのですが、新たに (int) -> string という形式にも対応しました。ちなみに、複数引数はカンマ区切りで (int... 続きを読む

JSXよりHaxeがイケてる3つの理由 - みずぴー日記

2012/06/04 114 users みずぴー日記 Numb haXe 推論 Number

Javascriptを生成できる言語『JSX』がリリースされました。めでたいですねー。ただ同じくJavascriptを生成きるHaXeのことが忘れられている気がするので、宣伝します。 ステマじゃないよ!型推論がイケてる現時点でJSXには型推論が実装されてないので、関数を定義するには全ての型を書く必要があります。 // JSXだよ! function add(x : number, y : numb... 続きを読む

JSX のアレな所 - 予定は未定Blog版

2012/06/04 111 users 関数 アレ 言語 未定Blog版 文字列

JSX なる言語がリリースされました。この言語が謳っているのが、高速安全簡単(生産性が高い、とも)という 3 点です。高速と安全はまぁいいでしょう*1。問題は、はたしてこの言語は簡単なのか？という点です。簡単かどうかは人によるのでアレなのですが、まぁ一部の人にとっては簡単とは言えない (というか書く気がしない) 書き方を強制されるのです。関数型数値を受け取って文字列を返す関数を表す型は、JSX で... 続きを読む

JavaScripterから見たJSX » nmi.jp

2012/06/02 168 users javascripter nmi.jp

私は2001年からJavaScriptを専門にして実装をしており、かなり長い間JavaScriptを使い続けてきました。ExGameをはじめとして、異常なほどにJavaScriptを使い倒したプロジェクトを何個か完遂させています。前の会社「ブロードテイル」がDeNAに買収されたのは、JavaScriptのプロダクトだけでなく、私たちのJavaScriptのスキルを生かしたいという側面も大きくあった... 続きを読む

JSX はなぜ「速い」のか - kazuhoのメモ置き場

2012/06/02 301 users kazuho example 敵機 シューティングゲーム 演算

なぜ「速い」のか、について JSX 開発者の立場から。シューティングゲームで一番重たい処理は何か。言うまでもなく衝突判定。多数の弾や敵機の衝突判定を毎フレームごとに行う必要があり、この演算が重たい。JSX に同梱されている web/example/shooting.jsx には衝突判定のコードが複数あるが、一番重たいのは Bullet#update 関数で、その処理は以下のようになっている*1。 ... 続きを読む

JSX

2012/05/30 112 users

Statistics Favorites 1 Downloads 0 Comments 0 Embed Views 0 Views on SlideShare 0 Total Views 0 JSX — Presentation Transcript JSXDeNA Co., Ltd. Kazuho Oku What is JSX?Apr 5 2012 Copyright © 2012 DeNA ... 続きを読む

JSX - a faster, safer, easier alternative to JavaScript

2012/05/30 548 users safer a faster

JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faste... 続きを読む

PhotoshopでのWeb制作効率を向上させる「JSX」とは | Stocker.jp / diary

2012/04/04 743 users phot Stocker.jp Photoshop ご存じ

Webデザイン PhotoshopでのWeb制作効率を向上させる「JSX」とは Top diary Wednesday, April 4th, 2012 ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Phot... 続きを読む