【React】styled-componentsをIE11でエラーを発生させず使うための設定方法 更新日:2020年8月1日 React React開発をしている際にCSS-in-JSのライブラリとして私はstyled-componentsを好んで使います。 が、 IE11ではそのままでは動きません。 はい、問題児IE君です。。 対応方法を書いておきます。 […] 続きを読む
良い感じのReact開発をすぐに始めれるテンプレートプロジェクトを作ったので共有します 更新日:2020年7月31日 React よくReactで開発するのですが、毎回初期セットアップするのが面倒だったので 「もう初期セットアップ済みのプロジェクト作ってしまえ!」 ということで作りました。 せっかくなので共有します。ご自由にお使いください。 本テン […] 続きを読む
あらためてReactとVueを比較してみる〔2020年最新版〕 更新日:2020年10月16日 ReactVue どーもじゃけぇ(@bb_ja_k)です。 フリーランスとして普段はフロントエンドメインで仕事してます。 3大モダンフロントエンド フレームワーク/ライブラリ と言えば React、Vue、Angular ですね。 「まず […] 続きを読む
Nowでのデプロイが無料かつ制限無し(個人利用)になったので使い方を紹介 更新日:2020年7月31日 React NowはZeit社が提供するPaaS(Platform as a Service)と言われるものです。 まぁ簡単に言えば自分で作ったサイトとかを誰でも見れるようにしてくれます。 PaaSで言ったらherokuとかが有名か […] 続きを読む
create-react-appでフォルダ名(src)を変更する具体的な手順 更新日:2020年3月10日 React create-react-app便利ですよね。サクッとReactでフロント作りたいときは重宝します。 ただデフォルトだとソースが全て「src」フォルダの配下に展開されてしまうので、如何せんバックエンドとリポジトリを共有す […] 続きを読む
Next.jsでPWA対応する際のサンプルプロジェクトを作りました!(next-offline使用) 更新日:2020年1月25日 React どうもじゃけぇです。 最近はNext.jsを好んで使ってます。 ただ如何せん日本語情報がまだ少ないので苦労することもちらほら… PWAへの対応も1日くらい時間を喰ったので、同じような人のためになればとテンプレ […] 続きを読む
Next.jsの特徴と採用するメリットについて考えてみた 更新日:2020年1月25日 React この記事はギルドワークス Advent Calendar 2019 24日目の記事です。 せっかくの機会なので投稿させて頂きました。 ギルドワークスさんとは今年から関わらせてもらっています。 プロダクト開発に関する視座や […] 続きを読む
React初心者のためのハンズオン その4[API実行と一覧表示] 更新日:2019年10月3日 React Reactハンズオンその4です。 1から順番にやるのをオススメします。 さぁここまででReactの基本は理解できたでしょうか? 最初に比べてだいぶReactへの苦手意識もなくなってきたのではないかと思います。 今回のハン […] 続きを読む
React初心者のためのハンズオン その3[Stateでの状態管理] 更新日:2019年10月31日 React Reactハンズオンその3です。 1から順番にやるのをオススメします。 さて前回までで、JSXの書き方やコンポーネント化、Propsについて学びました。 今回はReactでアプリケーションを作成する上で最も重要なStat […] 続きを読む
React初心者のためのハンズオン その2[Propsとコンポーネント化] 更新日:2019年11月11日 React Reactハンズオンその2です。 1から順番にやるのをオススメします。 さて前回までで、タイトルと説明文を表示するところまでできましたね。 今回はズバリ「Props」と「コンポーネント化」というReactの根幹とも言える […] 続きを読む