Installationgolang.org1. Download init.exe from this link and install it Getting Started - The Go Programming Language2. Code this in main.go package main import "fmt" func main() { fmt.Printf("hello, world\n") } 3. Type go build then ./[e…

Installationdoc.rust-lang.org1. Download init.exe from this link and install it Install Rust - Rust Programming LanguageTips: You may need to install C++ from here Tool for Visual Studio 2019 - Build Tools for Visual Studio 2019 visualstud…

Useful articles - TypeScriptチートシート- TypeScript超入門(2)：構文を理解する- Interface vs Type alias in TypeScript 2.7 - Martin Hochel - Medium Tips Associative array An associative array in an associative array const array: { [key: stri…

Stringオブジェクト 検索 split(str [, limit]) strで文字列を分割する。strは結果に含まれない。 sliceとsubstringの違い start > endである場合 const str: string = 'HelloWorld'; // return: Wor // 8文字目(str[8 - 1]) から -3文字(5 - 8)を返す。 con…

Installation File Structure Coming soonModules npm init -y yarn add --dev typescript express @types/express yarn add --dev ts-node nodemon Files /src/server.ts import * as express from 'express'; const app = express(); const port = 8080; a…

はじめにReact + TypeScript + Firebaseのデータを取得する方法のメモです。 ※インデントに関しては、整えるのが大変なので省略させてください。。。すみません。 (VSCodeに貼り付ける等でお願いします。) データデータは以下の通り Collection Foo Document…

※特にまとめとかはありません。ただ、思想を書いているだけです。はじめにReact+Redux+TypeScript+Firebase(or Node.js)でアプリを作成しているときに思ったことがあります。 「このアプリにReduxは本当に必要なのか。。。？」既にReactの先輩方が同じことを…

はじめにprettierとtslintを組み合わせたら、良い感じのコーディングができるようになりました。 Reactでコーディングするとき用の設定メモとして残します。Prettierの設定方法 on VSCode1. Prettier pluginをインストールする。 Extensions(Ctrl + Shift + …

以前、同じタイトルで記事を書いたあとに、非公開にした記事を編集しようと思ったら、消えていたので再度投稿します。はじめにredditで以下の投稿があったので、自分の考えをアウトプットしようと思いました。 www.reddit.com※参考 medium.com React+Reduxで…

はじめにWebpackを使っているときのエラーとその解決方法をまとめます。 徐々に増やしていく予定です。まとめテンプレート エラー分 hoge 解決方法 resolve hoge エラー分 ERROR in Entry module not found: Error: Can't resolve './src' in 'folder_name' …

はじめにtypescript-fsaで複数の値を渡す方法で少し考えてしまったので、解法を残します。今回は、Todoリストを追加するactionを例にして、必要な部分のみを記載します。 関連するファイルは以下の通りです。 actions.ts reducers.ts AddTodoContainer.tsx(c…

はじめにReact + Redux + TypescriptでTodoアプリを作っていきます。 今回は、Todoの追加のみです。ソースコード(GitHub)github.com参考にしたサイトqiita.com react-redux.js.org qiita.com 環境 バージョン node.js -v8.12.0 react -v16.9.0 redux -v4.0.4…

はじめに自分でアプリケーションを作るときの、ブレイクポイントを書いておこうと思います。ブレイクポイント 481以下 モバイル 481-746 モバイル大 746以上 タブレット 960以上 デスクトップ

はじめに作成したアプリケーションをここにまとめます。Applications To-do application https://infinite-tor-66450.herokuapp.com/はじめて作成したTo-do application Reactを使って何かを作りたいと思い、作成しました。 Front-end: React, Redux Back-en…

はじめにHooksを勉強していきたいと思います。ちなみに、コードはReactの公式サイト(?)から引用しています。reactjs.orgHooks import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" c…

はじめに最近commitのコメントやタイミングが曖昧になってきてる気がするので ここでルールを決めようと思います。Writing good commit messages以下を参考にしています。 github.com 基本 最初のコミットメッセージは"initial commit"で統一する。 コミット…

はじめに画面レイアウトの設計をしていて、お世話になっているサイトを紹介します。画像 RGBと16進数カラーコードの相互変換ツール www.peko-step.com指定した色を透明にすることができます。 色 RGBと16進数カラーコードの相互変換ツール www.peko-step.com…

はじめにCSSを使って文字を折り返してみます。「word-wrap: break-word;」を使えば解決します。 word-wrap: break-word; なし word-wrap: break-word;なし word-wrap: break-word; あり word-wrap: break-word;あり

はじめにPropTypesとは、コンポーネントが受け取るプロパティ(props)の型を宣言することができます。使い方記述中

はじめにMaterial-UIは、文字通りUIに関するもので、Reactのフレームワークです。 今回は、Material-UIを使ってボタンを描画していきます。英語のサイトですが、特に英語がわかる必要はありません。■Material-UI material-ui.com■Material-UI Installation m…

はじめにReactでmap()を使ってみました。 今回は、連想配列の内容を描画したいと思います。連想配列の要素とmap()による描画 連想配列の要素 this.state = { associativeArray: [ { number: 0, content: 'Hello' }, { number: 1, content: 'Bye' } ], } 今回…

はじめにStateとPropsのイメージを書いていきます。 コンポーネントは親と子がある前提です。StateとProps State: 親コンポーネントが持っている"状態(データ)"です。 - 可変のデータであること。 - プライベートであること。 Props: 親コンポーネントから渡…

Update: 7 Jul 2019Hello World!どうも、Thomasと申します。 この記事では自己紹介をしていきたいと思います。 更新することがあれば、随時していきます。 はじめに フロントエンドエンジニアを目指しています。将来的には、フロントエンド寄りのフルスタッ…

Link to Me.Accounts■Github thomasJs8 (Thomas) · GitHub■Qiita(Qiitaからはてなブログに移行しました。) thomasJs8 - QiitaAbout Methomasjs8.hatenablog.com