【2024年版】JavaScript(React)におけるリーダブルコードのチートシート1~3章 - Qiita

2024/02/14 5 users Qiita React TypeScript 例題 Java

概要 リーダブルコードを読んでいて、JavaやC++、Pythonの事例も混じっているのと割とレガシーな例題が多いなーと感じました。 React.js、Next.js、TypeScriptをメインにフロントエンドエンジニアとして仕事をしている自分用に、後で見返せるよう2024年JavaScript版リーダブルコードのチートシート的なものを改めて読み... 続きを読む

TypeScript Origins: The Documentaryを観た - laiso

2023/09/22 57 users laiso TypeScript アムステルダム 誕生 製作元

TypeScript Origins: The DocumentaryはTypeScriptの誕生に関わった関係者たちへのインタビューで構成されたドキュメンタリー動画。 www.youtube.com 製作元はOfferZenというアムステルダムの求人プラットームの会社で、以前にはSvelte OriginsやLaravel Originsも公開している。 本作ではReact.js: The Documentaryの次... 続きを読む

React.js: The Documentaryで振り返るReact普及の歴史 - laiso

2023/06/01 57 users laiso The Documentary 歴史

www.youtube.com Meta(当時Facebook)のReact Core Teamの主要人物たちに直接インタビューしたドキュメンタリー動画 タイムライン 2012年まで 世の中はクロスブラウザの解決策はjQueryに落ち着き、モバイルアプリ化の流れでAPIサーバーとViewは切り離される傾向にあり、JavaScriptのクライアントサイドで大きいアプリケー... 続きを読む

React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開

2023/02/21 264 users YouTube公開 The Documentary 関係者

React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開 代表的なJavaScriptのフレームワークの1つであるReact.jsがどのように生まれ、発展してきたのかが、React開発当時の関係者やメンテナーなどへのインタビュー... 続きを読む

PR TIMESにおけるフロントエンド開発基盤の構築 | PR TIMES 開発者ブログ

2022/04/14 11 users PR TIMES 構築 開発者ブログ フルスクラッチ

こんにちは、21新卒エンジニアの柳(@apple_yagi)です。今月から新卒2年目となり、一年早かったなとしみじみしています。 昨年PR TIMESでは企業ページをフルスクラッチでReactにリプレイスするプロジェクトを行い、モダンなフロントエンド技術を導入することができました。 レガシーなフロントエンドを捨ててReact.jsでリ... 続きを読む

Reactのベストプラクティスとコード削減パターン - パート1

2022/04/05 150 users React ベストプラクティス うえ プロジェクト 事前許可

本記事は React best practices and patterns to reduce code を提供元の事前許可を得たうえで翻訳したものです。 ===== これは全3パート中の第1パートとなる記事です。 パート1（この記事）パート2パート3（執筆中） 私は数年に渡っていくつかのプロジェクトで、React.jsを使った取り組みに参加してきました。様々なプ... 続きを読む

WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史

2020/11/02 318 users rust TypeScript wasm SPA SSR

はじめに 「Typescriptの次はRustかもしれない」という記事がバズってるのを見かけました。 なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近「レガシーおじさん、SPAを始めてみた。そして限界を知る」でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBa... 続きを読む

HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」 | かちびと.net

2020/05/03 6 users リアクティブ Tailwind.css ディレクティブ 属性

Alpine.js Alpine.jsはHTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワークです vue.jsやreact.jsといったフレームワークのリアクティブ且つ宣言的な性質を低コストで提供してくれる、というもの 開発者はTailwind.cssのJS版のようなもの、と説明しています Ads Alpine.jsでは... 続きを読む

同じUIコンポーネントをCSSで静的に、Vue.jsやプレーンのJavaScriptで動的に実装する -Tailwind Starter Kit | コリス

2020/01/20 31 users コンポーネント コリス スマホアプリ ブレーン CSS

最近のWebページやスマホアプリのUIでよく使用されるさまざまなコンポーネントをCSSで静的に、Vue.jsやReact.jsやプレーンのJavaScriptで動的に実装するためのコードをまとめたTailwind Starter Kitを紹介します。 CSSは分かるけど、Vue.jsやReact.jsは苦手という人にもよいと思います。 Tailwind Starter Kit Tailwind ... 続きを読む

デザインシステムを持たない組織のこれまでの取り組みと今後を考える - Speaker Deck

2019/09/19 96 users Speaker Deck meetup 組織 キッチハイク

2019年9月19日に開催された React.js meetup #9 の登壇資料です。 デザインシステムを持たないキッチハイクが、プロダクト開発においてどのような取り組みをしてきたのかをテーマにお話しました。これまでの取り組みを踏まえて、デザインシステム検討のタイミングも考えてみます。 続きを読む

フロントエンドイベント「UIT #6 進化する React.js」を開催しました - LINE ENGINEERING

2019/04/18 31 users UIT Technology User Interface

Takuma HANATANI | 2019.04.18 UIT室のフロントエンドエンジニア、UIT コミュニティ Organizer としてフロントエンドに関わる開発・技術発信などを行っています。@potato4d UIT とは？ UIT は、 LINE のメンバーが中心となって発足した、「User Interface × Technology」を掲げるコミュニティです。 ユーザーの目に見え... 続きを読む

#9 「UIT vol.6 進化する React.js」 After show | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2019/04/11 17 users Podcast hooks UIT takepepe DeNA

UIT イベント運営メンバーの @potato4d と @kawasako3 が、 UIT #6 の登壇ゲスト @takepepe さん, @sundlers さん, @sakito さんにフロントエンドでの悩みを聞いてみました。 ゲスト紹介 @takepepe さん DeNA/デザイン本部・デザインエンジニアリンググループ イベントにて「Hooks で作る React.FC<Animation>」で登壇 @... 続きを読む

文系でプログラマーになったけど色々失敗して３年半で会社を辞めた話｜denkigai｜note

2019/01/20 2049 users プログラマー 文系 八重洲 文系プログラマー フリーランス

2018年12月31日、新卒入社して３年半勤めた会社を辞めた。東京の八重洲にある、フリーペーパーやWebサービスを作る会社で働いていた。いわゆる「文系プログラマー」というやつで、文系学部を卒業後、会社に入ってからプログラミングを覚えた。現在は退職してフリーランスになり、近所にあるスタートアップ企業でReact.js... 続きを読む

React.js, Vue.jsが使えない状況でメンテナンス性の高いJavaScriptを書く3つのポイント - エムスリーテックブログ

2018/12/23 259 users エムスリーテックブログ Vue.js そうい エムスリー 岩本

エムスリー エンジニアの岩本です。 この記事は エムスリー Advent Calendar 2018 の23日目の記事です。 React.jsやVue.jsを使えれば、開発のベストプラクティスなどがあるので、メンテナンス性の高いプログラムはずいぶんと書きやすくなったと思います。本当に仮想DOMの功績は大きいですね。 しかし、世の中にはそうい... 続きを読む

[React Native] プロジェクトの基本構成を確認する ｜ Developers.IO

2018/09/01 28 users Developers.IO React Native 言語

React Nativeのプロジェクトの基本構成を確認しよう React Native は、Facebook社が開発・公開しているネイティブアプリのクロスプラットフォーム開発フレームワークです。言語としてJavaScriptを使用し、React.jsを触ったことがある人であれば気軽にモバイルアプリ開発を始められます。 先日紹介した下記の記事では cre... 続きを読む

Vue.jsとReact.jsを習得するために、どのように学んでいけばよいのか -VueとReactのデベロッパ用ロードマップ | コリス

2018/08/06 524 users CSS 指針 コリス HTML ロードマップ

Vue.jsとReact.jsを習得するために、どのように学んでいけばよいのか、次に何を学べばよいのか、その指針となるロードマップを紹介します。 基礎知識（HTML, CSS, JavaScript）、制作者として必要な...記事の続きを読む 続きを読む

GraphQL入門 - React.js & Express.js & Apollo の簡単チュートリアル - エムスリーテックブログ

2018/06/12 111 users Apollo Brian ＣＴＯ アメリ GraphQL入門

2018 - 06 - 12 GraphQL入門 - React.js & Express.js & Apollo の簡単チュートリアル M3 ではグローバル CTO の Brian が、サービスの海外展開や技術基盤の共 通化 などを積極的に進めています。その中のプロジェクトの１つとして、 アメリ カで提供している医療ニュースのリニューアルにチャレンジしています。2018 年 5 月には日本オフィ... 続きを読む

MediumからReact.jsとGraphQLへの移行

2018/05/18 52 users GraphQL medium マイリーディングリスト イイネ

MediumからReact.jsとGraphQLへの移行 いいね | 作者： Sergio De Simone Sergio De Simone フォローする 11 人のフォロワー , 翻訳者 編集部T _ 編集部T _ フォローする 0 人のフォロワー 投稿日 2018年5月18日. 推定読書時間： 2 分 | 共有 |  後で読む マイリーディングリスト Mediumは、自身の既存のシステムを... 続きを読む

技術書典4に初サークル参加したので、設営や執筆の方法、感想などを書きつつ振り返ります - このすみろぐ

2018/04/23 14 users 設営 執筆 Firebase すみろぐ 初サークル

2018 - 04 - 24 技術書典4に初サークル参加したので、設営や執筆の方法、感想などを書きつつ振り返ります 技術書典4に「このすみ堂」と言うサークルで参加してきました。頒布した本は「Firebase + React.js リアルタイムアプリケーション入門」です。 techbookfest.org サークル参加は想像以上に慌ただしく、他のサークル様の本を見て回る余裕はほとんどなかったのですが... 続きを読む

React.jsでフロントエンド開発に革命！「K5 Playground」を使ってみた | teratail Report - 価値ある情報は、いつもヒトの中に

2018/03/14 41 users GUI teratail Report ひと フォーカス 革命

こんにちは。teratail Report編集部です。 第9弾の今回は、 React.js・Flux製のフロントエンドをGUIですばやくWebアプリケーションを生成できるサービス「K5 Playground」 にフォーカス！デザイナーやバックエンドエンジニアが簡単に開発できる手順や使用感をご紹介すべく、ハンズオンイベントに潜入してきました。 さらに今回は、K5 Playgroundの開発者である藤... 続きを読む

Reduxは不要ではないか？ - Qiita

2018/02/22 226 users redux Qiita React Chrome 本職

僕の本職はサーバーサイドなのですが、半年くらいReactとReduxを使ったフロント部分を触ったので、書きたいと思います。 先にReact.jsについてですが、本家がチュートリアルをしっかりと用意しており、学習コストも高くなく、悪くないものだなと思いました。 しかし、Reduxが入った途端、めっちゃ複雑になった印象があります。chromeのプラグインを入れて開発するのが普通とか言われたのですが、そ... 続きを読む

ニュースタブ新設で月間アクティブユーザー数が5900万人を突破した「LINE NEWS」の開発技術と体制を聞いてきた！ | HTML5Experts.jp

2017/09/22 17 users ニュースタブ WebView 体制 月間アクティブユーザー数

2017年2月に新設されたニュースタブによって、ユーザー層をより広く拡大し、2017年3月時点で月間アクティブユーザー数5900万人を突破した「LINE NEWS」。そのニュースタブは、WebViewで実装されているのをご存じでしたか？ LINEのニュースタブをReact.jsで開発しているフロントエンド、JavaとPerlで開発しているサーバーサイドのエンジニアの方々に、どんな開発技術や体制で開... 続きを読む

A-FrameとReact.jsでWebサイトのVR化を試みた話 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

2017/04/27 26 users A-Frame サーバーサイド サイバーエージェント VR化

こんにちは。サイバーエージェントのAmeba Ownd(アメーバ・オウンド)というサービスでエンジニアをしている @fushikky です。 最近までフロントエンドの開発を担当していましたが、現在はサーバーサイドを担当しています。ですが今回はVRの話をします。 今流行りのVRをAmeba Owndで作られたWebサイトに適用して、「WebサイトのVR化」をエイプリルフールの施策として試みた事につい... 続きを読む

Reactコンポーネントをnpmパッケージとして公開、さらにGitHub pagesにDemoページを公開する手順 | ichimaruni-design

2017/04/12 10 users ichimaruni-design npmパッケージ 手順

Reactコンポーネントをnpmパッケージとして公開、さらにGitHub pagesにDemoページを公開する手順 2017年04月11日 WEB制作 フロントエンド , React.js , npm 前回の記事でもご紹介させていただいているのですが、Nimbus-jqueryというCSSフレームワークとNimbus-reactというReactコンポーネントライブラリをnpmに公開したので、その際... 続きを読む

Nuxt.js 公式ドキュメントの翻訳スタイルの紹介 - 彼女からは、おいちゃんと呼ばれています

2017/02/26 19 users サーバーサイド おいちゃん フレームワーク ユニバーサル 彼女

2017 - 02 - 26 Nuxt.js 公式ドキュメントの翻訳スタイルの紹介 翻訳 Nuxt.js Vue.js Nuxt.js はユニバーサルな Vue.js アプリケーションを構築するための フレームワーク 。 Next.js は React.js をサーバーサイド レンダリング するが、こちらは Vue.js をサーバーサイド レンダリング する。もうすぐバージョン 1.0 がリリース... 続きを読む