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を使う おわりに 作った... 続きを読む

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

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

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

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 する方法を調べたところ、ほと... 続きを読む

TypeScript Deep DiveでTypeScriptに入門する ｜ DevelopersIO

2019/10/02 64 users React TypeScript DevelopersIO

TypeScript Deep Dive とは TypeScript Deep Diveとは、TypeScriptはもちろん、JavaScript（ES6）/ サーバーサイドJavaScript（Node.js）/ Reactなどで使うJSX など、TypeScript周辺技術を包括的に学ぶことができるTypeScriptの入門サイトです。 TypeScript Deep Dive TypeScript Deep Dive 日本語版 GitHub TypeScript ... 続きを読む

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

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

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

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

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

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

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

Web Components(+Virtual DOM)ラッパー書いてみた ::ハブろぐ

2014/10/30 52 users Virtual DOM ハブろぐ React ahomu 内容

Concept 『Web Components with Virtual DOM』 ahomu/Claylump Motivation Web Components ラッパーを書いてみたいなーと思った React の JSX がイマイチ気にくわない（JSとHTMLを一緒にするなオジサン） <template> に書いた内容を Virtual DOM 生成器に変換すればいいんじゃね というような所か... 続きを読む

JSX | XML-like syntax extension to ECMAScript

2014/09/03 54 users

JSX is a XML-like syntax extension to ECMAScript without any defined semantics. It's NOT intended to be implemented by engines or browsers. It's intended to be used by various preprocessors (transpile... 続きを読む

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

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

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

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

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

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

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

2014/05/09 73 users TDD GitHub master Friday 両者

Friday, May 9, 2014 良いソフトウェアに求められる３点セットとJSXの開発手法の改善について テスト駆動開発（TDD）の一般化とGitHubの登場によって、機能追加の際にコードとテストを同時に実装する（そして、両者を一括してmasterにmergeする）という開発手法が一般化してきました。 しかし、「良いプログラム」の要素を構成するのは、コードとテストのみではありません。動作する... 続きを読む

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

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

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

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

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

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

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 - 公開から１年を迎えて

2013/08/24 67 users Kazuho Oku Statistics Likes

Statistics Likes 0 Downloads 0 Comments 0 Embed Views 0 Views on SlideShare 0 Total Views 0 JSX - 公開から１年を迎えて Presentation Transcript JSX公開から１年を迎えて DeNA Co., Ltd. Kazuho Oku 自己紹介 n 名前：奥 一穂 n 経歴： n モ... 続きを読む

JSX 私的チュートリアル - あらびき手捏ねハンバーグ - latest log

2013/07/26 50 users チュートリアル latest log WIKI あらびき日記

2013-07-27 JSX 私的チュートリアル - あらびき手捏ねハンバーグ (ε・◇・)з o O ( JSXは日本語ドキュメントがほぼないので〜 (ε・◇・)з o O ( 書き溜めといた奴を公開するよー (ε・◇・)з o O ( でも、色々と端折ってるので (ε・◇・)з o O ( 不足してる部分は、あらびき日記 や wiki や JSX公式ドキュメント を合わせてご覧ください〜 uu... 続きを読む

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, CoffeeScript, SCSS, LESSをすぐに試せる魔法の1行 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2012/07/13 60 users less Mixin CoffeeScript SCSS 魔法

ブラウザだけでjavascript, HTML, CSSを書いて実行できるサービス「jsdo.it」が、ちょっとパワーアップしました！ これまでの言語に加え、JSX, CoffeeScript, SCSS, LESSを実行できるようになりましたー！！ 「ちょっと試したいけど環境を作るが面倒...」「SCSSのmixinをシェアしたい」などなどブラウザだけで解決できちゃいますよ♪ 使い方 コードの1... 続きを読む

JSXよりHaxeがイケてる5つの理由(実践編) もしくは Real World Haxe - みずぴー日記

2012/06/12 53 users haXe みずぴー日記 OCaml 実践編 文法

JSXがリリースされて1週間ぐらい立ちました。ガシガシ進化が進んでてすごいですねー。おかげで、文法と適用範囲が似てるHaxeにも注目を集まっている気がします。なので、今日はそのHaxeを実際のプロジェクトに適用した事例について紹介したいと思います。題してReal World Haxeです。 プロジェクト概要プロジェクトの概要は、前にosiireさんがOCamlを使ったシステム開発まとめ - まぁ、... 続きを読む

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

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

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