マネルのプログラミング

プログラミング「 Golang(Go言語)」制御構文『if』と『for』

教材はUdemy「Go入門】Golang(Go言語)基礎〜応用 + 各種ライブラリ+ webアプリ開発コース(CRUD処理)」 iffunc main() { a := 1 if a == 100 { fmt.Println(100) }

2021/06/23 21:47

プログラミング「 Golang(Go言語)」の関数について

教材はUdemy「Go入門】Golang(Go言語)基礎〜応用 + 各種ライブラリ+ webアプリ開発コース(CRUD処理)」基本の関数package mainimport "fmt"//関数//funcと宣言し関数名（

2021/06/22 18:50

プログラミング「 Golang(Go言語)」クロージャーについて

クロージャーとはクロージャーとは、関数と関数の処理に関する関数外の環境をセットに閉じ込めたもの。関数外の環境ごと閉じ込めているので値が関数以外で初期化されることはなく、関数が実行される間は更新され続ける。下の③変数『f』はLater関数を実

2021/06/22 18:45

プログラミング「 Golang(Go言語)」の演算子

教材はUdemy「Go入門】Golang(Go言語)基礎〜応用 + 各種ライブラリ+ webアプリ開発コース(CRUD処理)」算術演算子func main() { fmt.Println(1 + 2) fmt.Println("a

2021/06/22 12:40

プログラミング「Go言語」変数と基本の型について(2)

教材はUdemy「Go入門】Golang(Go言語)基礎〜応用 + 各種ライブラリ+ webアプリ開発コース(CRUD処理)」int型とfloat型int型float型はどちらも数を定義する時に使う。型指定は「int」または「float」の

2021/06/22 11:04

プログラミング「Go言語」変数と基本の型について

教材はUdemy「Go入門】Golang(Go言語)基礎〜応用 + 各種ライブラリ+ webアプリ開発コース(CRUD処理)」基本的な変数の定義「明示的な定義」変数名、型、値を宣言する一番基本的な宣言方法。func main() { //

2021/06/21 18:40

JavaScript / 「コールバック関数」

コールバック関数の使い方function hello(name) { console.log('hello' + name());}function getName() { return 'taro

2020/08/14 17:38

JavaScript / 「ループの記述方法」

ループの基本的な記述方法ループは配列を順に出力したり、配列から該当するものだけを取り出したりといったときに使う。const test = for(let i = 0; i < test.length; i++) { conso

2020/08/13 17:26

これだけは知っといて「JavaScriptの超基本（2）」

メソッドとプロパティについてconst hello = 'hello world';//プロパティを出力console.log (hello.length);//メソッドを出力console.log(hello.toUp

2020/08/11 19:38

これだけは知っといて「JavaScriptの超基本（1）」

変数の宣言方法とデータ型変数の宣言方法は3つ。constletvar「const」は上書きできない。const name = 'Tom';name = 'John';//コンソールにエラーが出る「le

2020/08/09 07:00

CSS / 簡単なアニメーション

簡単な3Dアニメーションボタン(1) See the Pen GRZgJgP by マネル (@fx87275002) on CodePen.上から閉じるように動くボタンCSSで3Dアニメーションを使う際には下の二つが親要素に必要になる

2020/08/08 13:15

『CSS』 / 色々なエフェクトのボタン

ホバーで影ができるボタンホバーした時に影ができるボタン。 See the Pen NWxQZrM by マネル (@fx87275002) on CodePen.影をつけるためには「box-shadow」を使う。引数はX軸Y軸のオフセッ

2020/08/06 07:00

『CSS』 / 色々なエフェクトのボタン

2020/08/05 21:41

CSSの基本 / 「position」と「z-index」について

「position」について「posotion」は画面の決まった位置に要素を移動させたり、決まった位置に要素を固定して表示させるためのもの。この機能を利用して、「position」に「relative」がついているのもに対して、「absol

2020/08/05 07:00

CAMPで学ぶAngular×FirebaseでのSPA作成 「Firebaseの環境構築とAngularFireを使った連携」

Firebaseでプロジェクト作成Firebase「開発」の初期設定をして有効にする注意事項ロケーションをAsianortheast1Firebase cli インストールFirebaseの初期化 DB以外を選択Firebaseでプロジェク

2020/08/04 07:00

CSSの基本 / 「transform」の使い方

「transform」の基本CSSで物体を動かしたり変形させる「transform」の基本。「transform」は「: translate」等と一緒に使う。その場合第一引数にX軸、第二引数にY軸の値を設定する。X軸は横方向で左がマイナス右

2020/08/03 07:00

CAMPで学ぶAngular×FirebaseでのSPA作成 「インターフェイスの作成とコンポーネントへの実装」

インターフェイスの作成手順ターミナルでコマンドを実行作成されたインターフェイスに対して型を定義する使用するコンポーネントのhtmlにタグを張り付けるターミナルでコマンドを実行ターミナルを開いて下のコマンドを実行する。ng g interfa

2020/08/02 07:00

CAMPで学ぶAngular×FirebaseでのSPA作成 「インターフェイスの作成とコンポーネントへの実装」

インターフェイスの作成手順ターミナルでコマンドを実行作成されたインターフェイスに対して型を定義する使用するコンポーネントのhtmlにタグを張り付けるターミナルでコマンドを実行ターミナルを開いて下のコマンドを実行する。ng g interfa

2020/08/02 07:00

JavaScriptの基本 / 「アロー関数」について

アロー関数とは？アロー関数は、無名関数を記述しやすくした省略記法では無名関数とは何かというと、const a= function (name) { return 'hello ' + name}上のように「func

2020/08/01 07:00

JavaScriptの超基本 / 「this」について

「this」の使用方法const person = { name: 'Tom', hello: function() { console.log('hello ' + thi

2020/07/31 07:00

CAMPで学ぶAngular×FirebaseでのSPA作成 「スワイパーの実装」

スワイパー実装の手順スワイパーは画像を横にスワイプさせる機能。「ngx-swiper-wrapper」をインストール使いたいモジュールでインポートするhtmlを書くTypeScriptにプロパティを用意してhtmlに渡せるようにするこの4つ

2020/07/30 07:00

CAMPで学ぶAngular×FirebaseでのSPA作成 「フォームの実装とエラーハンドリング」

フォームの実装フォームを実装する手順。必要なモジュールのインポートFormBuilderの設置FormBuilderの中身をつくるhtmlで必要なコードを書くフォームを作るためにフォームを定義する必要がある。定義したフォームの中身を作るfo

2020/07/29 10:27

CAMPで学ぶAngular×FirebaseでのSPA作成「モジュールとコンポーネントの作成」

モジュールとコンポーネントの作成完成予定図はこんな感じ。welcome modulecreat modulehome moduleこの3ページを遷移させる。モジュールの作り方ng genarate module モジュール名 ---rout

2020/07/26 18:23

JavaScriptの基本「コールバック関数」について

コールバック関数とは、ほかの関数に引数として渡される関数のこと。funcion hello() { console.log('hello');}function fn(cb) { cd();}fn(hello

2020/07/26 00:37

Javascriptの超基本。関数について

関数は引数の順番が重要function fn(a, b) { console.log(a, b);}fn(1, 2);// consoleへは「1 2」と出力される。関数fnに（1と2）の引数を入れて実行すると順番通りに出力される。出

2020/07/24 17:52

JavaScriptの超基本。プリミティブ型とオブジェクト(2)

プリミティブ型とオブジェクト(1)の続き。参照と引数・プリミティブ型を引数として渡す場合let a = 0;fnction fn1(arg1) { arg1 = 1; console.log(a, arg1);}fn(a

2020/07/23 23:11

JavaScriptの超基本。プリミティブ型とオブジェクト。

JavaScriptには8つの型がありその型は2種類に分別される。プリミティブ型・String ・Number boolean ・Undefind ・Null・Symbol ・Bigintオブジェクト・Object プリミティブ型以外の全て

2020/07/22 20:54

JavaScriptの超基本。AND条件とOR条件ついて勉強しました。

AND条件とOR条件const a = 1;const b = 0;console.log(a && b);console.log(a b);この場合console.log(a && b);の場合「0」

2020/07/21 19:30

CAMPで学ぶAngular×FirebaseでのSPA作成。1．アプリの作成方法とGitHubとの連携

コマンドプロンプトでAngularの操作ng new "名前"コマンドプロンプトで「ng new "名前"」と打ち込む。routingさせるかどうかを問われるので「y」と入力。cssは何を使うか問われ

2020/07/19 16:13

JavaScriptの超基本。実行環境について勉強しました。

JavaScriptの変数とか関数の前にJavaScriptはどのようにして実行しているのか実行環境について勉強しました。教材はこちらです。三分の一程やってみたのですが、ドットインストールやプロゲートのJavaScript講座をやったことが

2020/07/12 19:59

【プログラミング独学】cssの「grid」を使って模写コーディング②。

cssのgridを使った模写コーディングの続きです。その①はこちらからご覧ください。参考にする動画はYouTube「Traversy Media」チャンネルからこちらです。gridを使って模写コーディングをやってみる。メインナビとヘッダー部

2020/05/19 16:24

【プログラミング独学】cssの「grid」を使って模写コーディング①。

参考にする動画はYouTube「Traversy Media」チャンネルからこちらです。gridを使って模写コーディングをやってみる。完成形とマークアップはこんな感じです.main-nav.top-container.boxes.info.

2020/05/18 18:05

【プログラミング独学】ウェブ制作の基本Flexbox♯1

教材はこちら。YouTubeでflexboxを検索したところ上位に出てきたので、とりあえずこれをやってみる。CSS／Flexboxの使い方ウェブデザインの基本であるflexboxを勉強する。flexboxでできること。横、縦並びにする。順番

2020/05/05 17:20

【プログラミング独学】CSS/セレクターについて

CSSのスタイルをどこに当てるのか指定するセレクターについて。セレクターの種類と使い方。大きく分けて4つの種類に分けることができる。要素、クラス、IDによるセレクター属性によるセレクター疑似クラス及び疑似要素によるセレクター結合子要素、クラ

2020/05/03 17:01