神戸プログラミングアカデミーのブログ

「未経験から」「スキルアップ」「起業を目指す」無料で学べる神戸のプログラミング学校&学習コミュニティ

2020-01-01から1年間の記事一覧

ImageMagickを使ってみる

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…

パスについて

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

AWSを使ってみる

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

JavaScriptからシェルを実行する

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

Web APIを使ってみる

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

外部パッケージを使う

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

async/await

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

for文

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

Object型

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

Array型

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

Function型

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

Boolean型とif文

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

関数とメソッド

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

String型

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

Number型

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 定数は値を入れ替えることができないので、必ず初期値が必要です。 試しに、以下のプログラ…

JavaScriptの変数・定数

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

よく使うプログラミング単語帳

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

各サービスのアカウント登録

以下のサービスのアカウント登録をしてください。 Qiita https://qiita.com/ からアカウント登録をする。 Qiitaは日本語の技術共有ドキュメント。毎週水曜日に「先週のいいねが多かったランキング」が送られてくる。これをチェックすることで、最新の技術情…

Visual Studio Codeの使い方

フォルダを開く 新しいウィンドウを開く フォルダを開くで、フォルダを選択する。(最近使ったフォルダから開くこともできる) ファイルを開く 「>」がついているのがディレクトリ ついていないのがファイル。ファイルをクリックすると右側のエディタに表示…

JavaScriptでコマンドライン引数を受け取る

JavaScriptでコマンドライン引数を受け取る コマンドライン引数とは? コマンドライン引数とは、コマンドラインから受け取る「パラメータ」のこと。 JavaScriptでコマンドライン引数を受け取る コマンドライン引数はprocess.argvで取得します。 以下のコード…

神戸プログラミングアカデミーのプログラマとしての心得

神戸プログラミングアカデミーのプログラマのとしての心得 日本語・スペースの禁止 ファイル名・フォルダ名などの名前をつける時は、日本語などの全角文字、またスペースを禁止します。 これからみなさんがプログラマとして成長していくためには、ターミナル…

Windowsのセットアップ

Windowsでターミナルの準備 WSLをインストールする インストール手順 WSLとは? Windows Subsystem for Linux:Windows上でLinux(サーバーで使うOS)を動かす仕組み。サーバーで使われるOSを利用するため開発しやすい。 今回はLinuxの1種である「Ubuntu」を…

スクリプト問題集を始める

GitHubのURL https://github.com/prog-ac/script-lessons 準備 プルするディレクトリを作成しておく リポジトリURLをコピーする プルする ターミナルからで実行する場合 cd [プルしたいディレクトリ] git clone [コピーしたリポジトリURL] SourceTreeを使う…

JavaScriptとは

コマンドラインに慣れる JavaScriptはどう動く? ja.wikipedia.org JavaScriptという言葉は狭義にはMozillaが仕様を策定し実装しているスクリプト言語を指す。 この仕様に則り、各社がJavaScript実行エンジンを実装している。 V8 (JavaScriptエンジン) - Wik…

コマンドラインに慣れる

youtu.be ここではプログラマとして必要な最低限のコマンドライン操作を覚えます。 コマンドラインの基礎 1つ目が、実行するツールの名前 その後はすべて、パラメータ 上記の例は、 convert という画像を変換するツール 1366x789にリサイズ 元ファイルはinp…

目次

プログラミングを始める前に 神戸プログラミングアカデミーで学ぶ方へ ステップアップ制度について 神戸プログラミングアカデミーのプログラマのとしての心得 よく使うプログラミング単語帳 パスについて 導入 各サービスのアカウント登録 Macのセットアップ…

Macのセットアップ

Macでターミナルの準備 ターミナルをDockに追加する Homebrewをインストールする サイト インストール下にあるコマンドをターミナルにコピペして実行する パッケージを最新にしておく Mac brew upgrade パッケージ管理システムとは? コマンドラインを使って…