マリーとジョーのIT研究ブログ ( ロックシステム)

株式会社ロックシステムの技術研究チームのマリーとジョーです。IT研究ブログを色々更新していきます!

【Vue.js】基礎知識とvue-cliを使用した開発環境の構築(Windows)

この記事の内容 はじめに Vue.jsとは? Vue.jsが使われているサービス一例 Vue.jsの特徴 開発環境の構築 開発環境 vue-cliのインストール はじめに Vue.jsとは? Vue.js(ヴュージェイエス)はWebアプリケーションにおけるUIを構築するための オープソンソー…

【React Native】ライフサイクルメソッドの使い方

この記事の内容 ライフサイクルとは? ライフサイクルメソッド render() constructor() componentDidMount() componentDidUpdate() componentWillUnmount() 結論 参考 ライフサイクルとは? React NativeとReactJSでコンポーネントの作成、更新、削除は自動…

【React Native】Elementsを使ってみよう!

この記事の内容 React Native Elementsとは? React Native ElementsのComponentを使ってみよう! 環境構築 実際に使ってみよう! ヘッダーについて ThemeProvider 色変更 ボタン変更 containerStyle 印象と結論 参考 React Native Elementsとは? React Nat…

【React Native】関数Componentを作ろう!

この記事の内容 はじめに 関数のComponent Componentについて Propsを使う場合 Stateの使い方 クラスと関数の書き方比較 図 クラスと関数の違い 結論 参考 はじめに React NativeのComponentには2つの種類があります。 過去の記事でも触れたclass(クラス)…

【React Native】Stateとは?

Stateはコンピューターサイエンスでよく使われている単語で「状態」の意味です。イベントが覚えているシステムでその覚えていることがState(状態)です。今回はこのStateについて説明します。

【React Native】Propsとは?

今回はPropsについて説明していきます。Propsは簡単にいうとComponentをカスタマイズするための機能のことです。

【React Native】Componentとは?

ComponentはReact Nativeの基本要素の一つなので、今回はComponentについて説明していきます。

【React Native】JSXとは?

JSXはReactJSとReact Nativeで使えるJavaScript構文の拡張です。今回はJSXについて説明します。

【React Native】Yupを使用してフォームチェックをしよう!

React NativeではYupというパッケージで簡単に入力チェックできます!YupはJavaScriptの入力チェックのためのパッケージです。 いろいろなチェック方法をご紹介します。

【React Native】フォームをFormikで作るメリットとデメリット

FormikはReactとReact Nativeのフォーム作成の為のパッケージです。Formikを使用するメリットとデメリットを紹介します。

【React Native】じゃんけんゲームを作ってみよう!

React Nativeで簡単なじゃんけんゲームを作ってみよう!

【React Native】基礎知識とExpoを使用した開発環境構築!

React NativeはJavaScriptでAndroidとiOSアプリを作るためのオープンソースのフレームワークです。Expoを使用した開発環境構築をしてみました!