マネルのプログラミング

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