TypeScript オブジェクト指向とは TypeScript Stateパターン Strategyパターン Commandパターン データベース RDBMS NoSQL Web API REST インフラ IaaS PaaS Docker / Kubernetes BaaS CI/CD GitHub フレームワーク Nuxt.js iOS Android Flutter Ruby On Rai…

youtu.be ターミナルとは？ ターミナルはCUI (Character user interface)と呼ばれる、文字を使ってコンピュータを操作するアプリケーションです。 みなさんが普段使っているアプリーケーションはGUI(Graphic user interface)と呼ばれ直感的に操作することが…

日本語化 メニュー→View→Command Palleteを選択 languageと入力し「Configure Display Language」を選択する 「Install additional langualge」を選択 Japanese : 日本語の [install]を押下する 右下に再起動しますか？と表示されるので、[Yes]を押下 自動フ…

www.youtube.com 日本語・スペースの禁止 ファイル名・フォルダ名などの名前をつける時は、日本語などの全角文字、またスペースを禁止します。 これからみなさんがプログラマとして成長していくためには、ターミナルという黒い画面を使っていくことになりま…

www.youtube.com docs.google.com

プログラミングとは？ そもそもプログラミングってなんなのか？ 今後も皆さんにずっと意識し続けて欲しいことなので、是非忘れずに覚えていてください。 結論から。 プログラミングとは「人々に喜んでもらえる、コンピュータを働かせる命令を作ること」です…

アプリーケーションとは？ アプリケーションとは、入力(Input)を受け付けて、結果を出力(Output)するものです。 例外なくすべてのアプリケーションこのI(nput)/0(utoput)があります。 課題：身近なアプリケーションのINPUTとOUTPUTを考えてみよう 課題：INPU…

www.youtube.com npm archiverを使う www.npmjs.com const fs = require('fs'); const archiver = require('archiver'); --- const output = fs.createWriteStream(書き出すzipファイル名); const archive = archiver('zip', {}); archive.pipe(output); arc…

おさらい（関数ってなんだっけ？） prog-ac.hatenablog.com コールバックって何？ ja.wikipedia.org 意味わからん！ ？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？？ なぜコールバックがいるの？ まず「いいプログラミングとは？」と…

www.youtube.com sharpとは？ 軽量のnpm画像加工ライブラリ sharp.pixelplumbing.com リサイズの仕方 sharp - High performance Node.js image processing 画像合成の仕方 sharp - High performance Node.js image processing

www.youtube.com ImageMagickをインストールする Mac brew install imagemagick Ubuntu sudo apt install imagemagick-6.q16 Noto Sans JPフォントをダウンロードする fonts.google.com イメージマジック空の画像を生成する convert -size 1024x128 xc:white…

パスとはフォルダやファイルの住所のこと。 パスの表現方法 ルートディレクトリ ルートディレクトリはコンピュータの中で一番上位にいるディレクトリ スラッシュでルートディレクトリとなる / ホームディレクトリ ホームディレクトリはユーザーごとに作られ…

www.youtube.com AWSとは AWS(Amazon Web Services)はAmazonが提供している世界で最も利用されているクラウドインフラサービス群です。 AWS の製品・サービス一覧 | クラウドなら AWS アカウント登録 aws.amazon.com aws.amazon.com IAMを作る IAMと入力しク…

www.youtube.com 以下時間かかるので先に実行しておいてください。 Mac brew install ffmpeg Windows sudo apt-get -y install ffmpeg シェルとは？ 普段ターミナルで実行しているコマンドのこと node main.js ↑これがシェル このシェルをJavaScriptから実行…

www.youtube.com Web APIとは？ httpリクエストを使ってサーバーからデータの取得・作成・更新・削除等を行うインターフェース。 最近のWebアプリケーションは、フロントエンド・バックエンドと作業分担をして作るが、バックエンドエンジニアの仕事はこのWeb…

youtu.be パッケージとは？ 世界中の開発者が作った、JavaScriptの便利な機能を使うことができる。 何かをやりたいなって思ったときには、常に「npm やりたいこと」で調べてみる。 例) npm qrcode npm google map npm image resize npm aws パッケージマネー…

youtu.be 同期処理/非同期処理とは？ 同期処理 コードが呼ばれたときに、処理が終わるまで、プロセスを止めること。 C,C++,Python,Ruby 非同期処理 コードが呼ばれたときは、処理をする命令をするだけで、プロセスを止めない。 処理が終わったら「終わったよ…

youtu.be developer.mozilla.org 書き方は、 for ([初期化]; [ループ毎に確認される式]; [ループの最後に実行される文]) { [ループ毎に確認される式がtrueの間実行され続ける] } と書きます。 例) 0〜9までを出力する for (var i = 0; i < 10; i++) { consol…

youtu.be JavaScriptにおいて、プリミティブ型と呼ばれる基本の型以外は、全てObject型です。 developer.mozilla.org 実は… const array = [] console.log(typeof array) が、おそらく最初は理解できないので、今はこの話を忘れてください。 オブジェクト型…

youtu.be Array型は配列を表現する型です。配列とは複数の変数が順番に並んで格納されているオブジェクトのことです。 developer.mozilla.org 以下のように宣言することで、Array型の変数を定義することができます。 const array = [] // または const array…

youtu.be JavaScriptでは関数を変数・定数に入れることができます。関数を代入するとFunction型になります。 function pow2(val) { return val*val } const fn = pow2 console.log(typeof fn) console.log(fn(4)) 無名関数 Function型は関数を作成せずに代入…

youtu.be Boolean型とは Boolean型は「真偽値」を表現する型です。 真偽値とは、 YES：NO TRUE：FALSE ○：× ポジティブ：ネガティブ のように、２種類の値を表現する際に使います。 JavaScriptでは、この真偽値を true / false で表現します。 例 let isActi…

youtu.be 関数とは？ 関数とは、 与えられた値に何らかの処理をして返すしくみのことです。 同じ処理を一箇所にまとめておくことで、プログラミングがスッキリし、不具合も少なくなり、変更も簡単になります。 JavaScriptの関数は以下のように記載します。 f…

youtu.be 文字列とは 文字列とは、文字が順番に並んだものです。 プログラム内で文字列を表現するためには、ダブルクオーテーションまたはシングルクオーテーションで囲う必要があります。 これらが代入された変数・定数はString型になります。 const cat = …

www.youtube.com Numberは数字を表現する変数・定数の型です。 数字なので計算することができます。 演算子 効果 例 + 足し算 3+2 - 引き算 3-2 * 掛け算 3*2 / 割り算 11/3 // 3.6666 % 割り算の余り 11/3 // 2 ++ インクリメント(+1) i++ -- デクリメント(…

型とは？ 型とは変数の種類のことです。 型によって、コード内で表現できる内容が異なります。 次のコードをコピペしてください console.log(process.argv[2] + process.argv[3]) node main.js 5 6 この答えがどうなるか考えてみてください。 型の調べ方 typ…

コーディング規約 コーディング規約とは プログラミングを記載していく際に決めるルールのことです。 ほとんどのプロダクトの開発はチームで開発していくため、チーム内でルールを決めておくことで、他の人が書いたコードを理解しやすくなり開発効率があ…

定数とは、定まった数のことです。変数と違い値を入れ替えること（代入）ができません。 定数の宣言は以下のように const をつけて記載します const PI = 3.141592 定数は値を入れ替えることができないので、必ず初期値が必要です。 試しに、以下のプログラ…

www.youtube.com kino-code.com 変数とは 変数とは「変わる値」のことです。「値の入れ物」と表現することもあります。 いろんな値をいれることができるのが「変数」です。 変数の宣言 ほとんどのプログラミング言語では、変数を使うときに宣言をしないとい…

ディレクトリ フォルダのこと パス ファイルやフォルダの場所を表す住所のこと 例) /usr/local/bin ホームディレクトリ ユーザーごとに割り振られているディレクトリ ~ で表現される /Users/[ユーザー名] ~ ターミナル ↓こういうやつ コマンドライン ターミ…