プログラミング
<h1 id="hoge" class="fuga">CSS を使ったプログラミング</h1> →idはファイル中で１回のみ使用。 class は何回でも使用可能。 CSSファイル内で、classは .face { } idは #back { } .face { transform: rotateX(60deg) } →文字がX軸（横軸）を基準に前方へ倒れてくるイメージ。 rotateY は文字…
N予備校 「大規模Webアプリ Scala基礎 > Scala基礎コース > 03.Scala で解く素因数分解」にて、「試し割り法」という方法で素因数分解をする方法が紹介されていたので、教材のScalaではなくJavaScriptで書いてみました。 N予備校: 試し割り法 'use strict'; …
N予備校のWebデザインコースでWordPressの授業が始まりました。 授業ではLocalをインストールして自PC内にLinuxとWordPressの環境を作るのですが、一時的に使うだけなのでAWSのAmazon Lightsailでさくっと作って終わったらさっと消す方法でやってみようと思…
Node.jsを使っていく上で、調べたことをTIPSとして記録していきます。
サーバへの接続を確認したい時、返事を返すだけのサーバを作れると便利です。まずは、Linux のnc コマンドを使用した、サーバを作ります。 サーバにアクセスすると、応答を返すだけのサーバです。コンソールを２つ立ち上げるか、tmuxなどを使用して、コンソ…
Linuxのコンソールを複数効率的に使用したり、リモート操作時の回線切断に備えるなど、便利なtmuxの使い方を書いておきます。【基本的な使い方】 入力 動作 tmux 起動 Ctrl + b → d デタッチ(離れる) tmux a アタッチ(接続する) Ctrl + b → c ウィンドウ作成…
DOM操作をすぐに忘れてしまうので、よく使うものをまとめておきます。【HTML】 <p id="text"></p> 【Javascript】 // id="parent" を指す const parent = document.getElementById('text'); // 指定した要素に含まれる最初の要素 const child = parent.firstChild; // 指定し…
MacBook Pro で Windows 用のキーボードを使うために Karabiner でキーマップを変更します。 ※MacBook Pro(2017)
テキストファイルでUML図が描ける、PlantUML が便利そうなのでインストールします。 ここでは、PlantUMLをmacOSにインストールして使用します。 またVisual Studio Code(以下VSCode)に拡張をインストールして使用できるようにします。
結論 package.json にwebpack-dev-server の起動コマンドを書きますが、 "scripts": { "start": "webpack-dev-server --host 0.0.0.0", }, というように "--host 0.0.0.0" の追記が必要です。ホストからアクセスするときは http://127.0.0.1:${任意のポート…
一定時間後に関数を実行する目的で、setTimeout関数を使うと思います。 しかし、逐次処理を行いたいのに、非同期処理で実行されると思ったように動かないことがあります。非同期処理ではPromiseやasync/awaitを使うことで逐次処理を行えます。 ここではタイ…
CSSを書く時の書式をすぐに忘れてしまうので、備忘録として書いておきます。 別ファイルに書き、タグ内にて読み込む いちばんよく使う書式だと思われます。 <html> <head> <link rel="stylesheet" type="text/css" href="xxx.css"> </head> <body> <p>本文</p> </body> </html> xxx.css p { color: orange; background-color: aqua; } タグ内に直接書く <html> <head> <style type="text/css"> p { colo</head></html>…
Node.js のExpressフレームワークを使用します。 Expressにファイルをアップロードできるようにします。 環境 Node.js: ver.8.9.3 Express ver.4.16.2 仕様 画像ファイル(PNGファイル）をサーバアップロードして、ブラウザに表示します。 アップロードディレ…
node.js(JavascriptでWebサーバやWebアプリを作るソフトウェア）の使い方。 Expressフレームワークのインストール // プロジェクトディレクトリの作成 $ mkdir express-project $ cd express-project // npm(nodeのパッケージマネージャ） の初期化 $ npm in…
約1秒（1000ミリ秒）ごとに、「Hello」と「world!」を表示させるには、次のようにする。 ※Node.js v8.9.3 および Google Crome v63.0.3239.132 にて動作確認 async / await を使った場合 // 1秒待ったあと、Hello と表示する関数 function hello(){ return n…
普段は console.log(～ + ～); のように区切り文字に+をよく使用しているが、 console.log(～ , ～); のように区切り文字に,を使用する例を見たので、動作を調べてみる。 ※動作確認： Node.js v6.10.0 Google Chrome // 文字列'ABC'に、promiseオブジェクト…
