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... 続きを読む

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... 続きを読む

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

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

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

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

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

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

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

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

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

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() によるデ... 続きを読む

生の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 を非常に気に入っています。これらのツ... 続きを読む

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

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

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

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っぽいプログラミング言語です... 続きを読む

JavaScripterから見たJSX » nmi.jp

2012/06/02 168 users javascripter nmi.jp

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

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... 続きを読む

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で... 続きを読む

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

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 のアレな所 - 予定は未定Blog版

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

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

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

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

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

とあるプログラミング言語処理系のセルフホスティング化に携わった - wasabizの日記

2013/12/15 95 users wasabiz コンパイラ プログラミング言語処理系 日記

2013-12-15 とあるプログラミング言語処理系のセルフホスティング化に携わった (この記事はJSX Advent Calendar 2013の一部として書かれました。) 僕がJSXというプログラミング言語の開発に携わってこの冬で早1年半になります。コンパイラとしてのjsxにはこの1年半で幾多の出来事がありましたが、その中でも一番巨大なものがセルフホスティングでしょう。つまりJSXのコンパイラ... 続きを読む

2021年現在Vueを選択すべきでないと思う理由 感想

2021/09/23 93 users 感想 理由 ローカルスコープ tailwindcss Vue

Vueに対する熱いメッセージを頂いたので感想を述べてみる（ここが解決されればVueを率先して使ってくれるという意味と受け取った） コンポーネントのローカルスコープでコンポーネントを定義しようとするとJSXが必要 わかる 主にTailwindCSSのようなユーティリティファーストとの相性の悪さ スタイリングはテンプレート... 続きを読む

Photoshopのガイド作成用スクリプト「Speed Guide」を作りました - saucer

2014/07/19 88 users GuideGuide saucer Photoshop 一度

Photoshopのガイド作成用のツールといえば、定番のGuideGuideや、先日アップデートしたQuickGuideなど、すばらしいエクステンションがたくさんありますが、それとはちょっとだけ違ったアプローチで「Speed Guide」というスクリプト（jsx）を作ってみました。特長は、複数のガイドを一度に作成できることです。人によって合う合わないが分かれる仕様だと思いますが、興味があればぜひ使... 続きを読む

本日, JavaScript ライブラリ 『tmlib.js』と 10 個のサンプルを公開しました. | TM Life

2012/06/06 88 users tmlib.js tmlib 一石 ライブラリ 界隈

最近, JSX やら enchant.js やら arctic.js やらで JavaScript 界隈はすごく盛り上がっています. そんな中, 私自身も一石を投じようと本日 JavaScript ライブラリ 『tmlib.js』を公開しました!! リニューアルって言った方が良いのかな？ 実際には, ２年前に作っていたライブラリ 『tmlib』 を大幅に改良したものになります. 私一人でコツコツと... 続きを読む

Kazuho's Weblog: JavaScriptで高速なコードを書く際の注意点。または私は如何にして心配するのを止めてJSXを作ることにしたか

2013/12/07 83 users Saturday December 演題 ブログ 福岡

Saturday, December 7, 2013 JavaScriptで高速なコードを書く際の注意点。または私は如何にして心配するのを止めてJSXを作ることにしたか 本日、福岡で開催されたプログラミング言語のパフォーマンスを考えるイベント「ぷろぐぱ」で、「JSX 速さの秘密 - 高速なJavaScriptを書く方法」という演題で講演しました。 JavaScriptで速いコードを書こうとする際に... 続きを読む

HonoとDenoで社内ツールを作ってみた - RAKSUL TechBlog

2023/11/08 79 users TSX hono deno esbuild 新進気鋭

こんにちは！ラクスルの灰原です！ 軽量かつ高速なWebフレームワークであるHonoと、新進気鋭のJSランタイムであるDenoを使って、社内ツールを作ってみましたので紹介します。 作ったツール 技術スタック index.tsx の内容 Tips HonoでTwindを使う HonoのJSXでAlpine.jsを使う Hono+Denoでesbuildを使う おわりに 作った... 続きを読む

「JSX キモい」に反論してみる - Qiita

2017/12/06 77 users Qiita グロービス React 麹町 プロローグ

この記事は グロービス Advent Calendar 2017 の6日目です。 グロービスは麹町にある、社会人向けの経営大学院を運営している会社で、現在私はここの会員プラットフォームのフロントエンド開発をみさせてもらっています。なおグロービスでは、React 開発に参加してくれる方を絶賛募集中です。くわしくは こちら 。 プロローグ 本来「キモい」という主観の表明に正しいも間違っているもないので... 続きを読む

Kazuho's Weblog: 良いソフトウェアに求められる３点セットとJSXの開発手法の改善とgit-pushdirについて

2014/05/09 73 users TDD GitHub master 両者 ドキュメント

テスト駆動開発（TDD）の一般化とGitHubの登場によって、機能追加の際にコードとテストを同時に実装する（そして、両者を一括してmasterにmergeする）という開発手法が一般化してきました。 しかし、「良いプログラム」の要素を構成するのは、コードとテストのみではありません。動作するコードと、その品質を担保するためのテストがあったとしても、適切なドキュメントがなければ、ユーザーはそのプログラム... 続きを読む