react-scripts で簡単に React を使う
React を使うにあたり, というか最近の JS の開発を行う場合 WebPack + Babel の環境を用意して, さらに JS フレームワークを追加し設定を書いて…といった煩雑な手続きが必要です。 React の場合 create-react-app という便利コマンドでサクッと開発環境を作ることができます。ただし, create-react-app でプロジェクトを始めた場合, 余計なファイルを同時に作ってしまい練習用にはお節介がすぎる感があります。 そこで create-react-app で採用されている react-scripts を使って必要なところだけ楽をする。をしてみました。 手順# 初期化を適当に実行。
Gitでリモートブランチとローカルブランチの差分を表示する - Pistolfly
まず、リモートブランチを最新に更新しておく。 $ git fetch $ git svn fetch # git-svnでSubversionレポジトリをリモートリポジトリに持つ場合 リモートブランチを確認。 $ git branch -a * master remotes/origin/master remotes/svn/tags/RELEASE_20101022 remotes/svn/tags/RELEASE_20101025 remotes/svn/trunk 現在のローカルブランチとリモートブランチの差分を表示。 $ git diff remotes/origin/master 現在のローカルブランチとリモートブランチの差分を表示（簡易表示） $ git diff --name-status remotes/origin/master 現在のローカルブランチとリモートブランチの
React:関数コンポーネントとクラスコンポーネントの違い
製品 コミュニケーション メッセージング マルチチャネルのテキストメッセージとメディアメッセージの送受信を180か国以上で
react render とreturn の違い
jsxのファイルをtsx＆Hooksに書き直していて詰まったところがあるので教えて欲しいです。 *コードを一部抜粋して載せています。 return ( の中には画面で表示させるコンポーネント(html)、stateが変わった時に表示させたいもの(html)を書くと思いますがrender(のなかの関数内に書かれているhtmlはreturn内に書かれているのとはどう違うのでしょうか？ またtsx＆hooksに直す最中に Cannot find name 'render'.ts(2304)というエラーが出ているのですがこれはどういう時になるエラーなのでしょうか？ ざっくりとした質問ですいませんがわかる方がいましたら教えて欲しいです。 interface IState { // 使うstateの型を定義している }; const index: FC<Props> = () => { const [
インターフェースとは？～継承とは役割が違う～｜オブジェクト指向プログラミング(OOP)をおさらいしよう（３） - GiXo Ltd.
インターフェースとは？～継承とは役割が違う～｜オブジェクト指向プログラミング(OOP)をおさらいしよう（３） 「インターフェース」を理解する上で「継承」の事は忘れてください こんにちは。技術チームの岩谷です。前々回、前回とオブジェクト指向プログラミング(OOP)をおさらいする連載を書かせていただいています。今回は第三回として、前回の継承機能と並んでOOP言語が持つ特徴的な機能の一つである「インターフェース」について説明します。私は最初にJavaに触れた時に「継承とインターフェースの違い」に戸惑いましたが、それはインターフェースの役割を理解していなかった事が原因でした。今回の記事で私は皆さんにそれをお伝えしたくて、あえて極端な表現を用いながら説明させていただきます。 まず申し上げます、 インターフェースを理解する上で、とりあえず「継承」の事は忘れてください。 「インターフェースと継承との違い
条件 (三項) 演算子 - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback 条件 (三項) 演算子は JavaScript では唯一の、3 つのオペランドをとる演算子です。条件に続いて疑問符 (?)、そして条件が真値であった場合に実行する式、コロン (:) が続き、条件が偽値であった場合に実行する式が最後に来ます。この演算子は、 if 文の代替としてよく用いられます。
副作用フックの利用法 – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方がライブサンプル付きで学べます。 エフェクトを使って同期を行う エフェクトは必要ないかもしれない useEffect フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 副作用 (effect) フック により、関数コンポーネント内で副作用を実行することができるようになります： import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); /
git branchメモ - ローカルやリモートのブランチ一覧を見る。リモートブランチ（追跡ブランチ）の情報を更新する(オプション-r、-a) - tweeeetyのぶろぐ的めも
はじめに gitのbranch操作でオプションをちょいちょい忘れちゃうのでメモ こんなん ローカルのbranch一覧を見る リモートのbranch情報である追跡ブランチの一覧を見る ローカルとリモート（追跡）両方のbranch一覧を見る リモートブランチ（追跡ブランチ）情報を更新する リモートリポジトリ情報を見る ローカルのbranch一覧を見る オプション無しでbranchればローカルのbranch一覧がみれます # git branch * master myBranch リモートのbranch情報である追跡ブランチの一覧を見る -rオプションで見れます。 の前に、-rオプションで見れるのは「リモートブランチ」、 と言ってしまいそうになりますが実際は「追跡ブランチ」と呼ばれているブランチの一覧が見れます。 追跡ブランチはリモートブランチの情報を持っているブランチです。 後で出てくる更新
VS Code の便利なショートカットキー
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Visual Studio Codeを自分が使用する際に便利なショートカットキーを、忘れないようにまとめておく。Windows版。v1.57で再確認済み。 編集系 Ctrl + Enter カーソル行の下に空行を挿入 Ctrl + Shift + Enter カーソル行の上(というかカーソル行？)に空行を挿入 Alt + ↑/↓ カーソル行／選択行をまるっと移動(複数行対応) Alt + Shift + ↑/↓ カーソル行／選択行をまるっとコピー(複数行対応) Ctrl + C 選択範囲をコピー。非選択状態で使用すると行コピーになる C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フラグメント – React