React

WebView

WebViewでJavaScriptを実行する方法【React Native】

今回はReact NativeのWebViewでJavaScriptを実行して見ます。これを行うことで、モバイルアプリでもWebページでDOM操作などを行うことが可能となります。React Nativeについては以下の記事で簡単な導入を解説しています。https://student-engineer.net/react-native/ WebV

React Nativeで始めるモバイルアプリ開発【初心者向け】

React NativeとはReactはJavaScriptのフレームワークであり、Webのフロントエンド開発に使われていますが、React NativeはReactでモバイルアプリ開発をすることができるフレームワークです。いわゆるクロスプラットフォームと言うもので、SwiftやJava

React+Webスクレイピング+Azureでアプリを作ってみた話

キーワードを入れると、Google Scholarで検索をかけてタイトル一覧を表示し、選んだタイトルの概要文を抽出して日本語訳するというアプリを作ってみました。こんなのです↓[video width="1118" height="660" mp4="https://student-engin

create-next-appで簡単にNextアプリを作成しよう【React】

先日LTでNext.jsはいいぞという話をしてきました。Next.jsはいいぞhttps://student-engineer.net/beerbash/そんなNext.jsですが、とても簡単に導入できる方法があります、create-next-appです。公式はこちらcreat

React × 飲み放題 の初心者勉強会で初LTをした話【BeerBash】

先日、IT勉強会グループ『酒がないとプログラム書けない!』のイベント「React x ビアバッシュ 初心者勉強会 in秋葉原」に参加してきました!グループ名とタイトルか

react

初めての人にオススメしたいReactの勉強法【初心者向け】

React(リアクト)とは、Facebookが開発しているJavaScriptのライブラリでありフロントエンドの開発に大きな影響を与えています。一般的には学習コストが高いと言われているReactですが、順序よく勉強すれば意外とすんなり理解できるのではないかと思ったため、自分がやってきて良かったなと思うReactの勉強方法をまとめてみようと思います。ちな

Docker上のReactとRails APIでFetchをする

Docker上にReactとRails API modeを立ち上げていて、React側からRailsへFetchを飛ばしたかったのですが、ハマってしまっていたのでメモReactとRailsは別コンテナで立ち上げており、docker-compose.ymlは次のような構成です。

ReactとPHPで簡単なメールフォームを自作する

Reactでサイト制作を行なっているのですが、お問い合わせフォームが必要になったためPHPと組み合わせてメールフォームを作成してみました。まずはReact側からimport React from

docker

Docker + Webpack4でReactの環境構築

WebpackでのReactの環境構築をDocker上で行いたかったので色々調べたのですが、Webpackの仕様変更等もありうまく動作するサンプルが見つけられなかったので簡単なものを作ってみました。GitHubはこちらです

styled-components

Reactのstyled-componentsでaddClassをする方法

Reactのスタイリングにstyled-componentsを使っている人は多いと思います。jQueryを利用していたことのある人は、クリックイベントでaddClassし特定のCSSを適用させたいようなことがあるかもしれませんが、styled-componentsで同じようなことをしようと