インターネット

忘れてもいいように書く

atomでの検索パス指定

【前提知識】・atomで検索する際に、特定のディレクトリ配下から検索したり、逆に特定のディレクトリ配下を省いて検索する方法 【本題】・lib配下から検索する場合は、lib・逆にlib配下は除いて検索する場合は、!lib・上記の検索するディレクトリ指定を複数…

absolute, relativeの意味

CSS

【前提知識】・デフォルトのhtml配置は、ブロックレベル要素(<div>, <p>など)はhtmlに記述されている順に上から下に縦に配置される。インラインレベル要素(<strong>, <a>など)は他のテキストなどに混じって表示される。 ・positionプロパティのデフォルト値は全てのタグにおいて</a></strong></p></div>…

px・%・emでのサイズ指定

CSS

【前提知識】特になし 【本題】・px(ピクセル):モニターの1ピクセルが基準、モニターは小さい点がたくさん集まって表示されているから、つまりはその点1つ分 ・%:何かに対する割合、対象である「何か」はプロパティごとに設定されている、例えばpタグのf…

まとめて拡張子を変更するコマンドについて

【前提知識】・下記の拡張子変更するコマンドで「${nm%.txt}」が意味不明$ for nm in *.txt; do> mv $nm ${nm%.txt}.doc;> done 【本題】・上記のコマンドは.txt拡張子のファイルを.docに変更するコマンド →${nm%.txt}の部分は.txtに一致する箇所を変数から…

Finderで一つ上・下の階層に移動するショートカットキー

【前提知識】特になし 【本題】・⌘ + ↑ で一つ上の階層に移動・ちなみに⌘ + ↓ 一つ下の階層に移動 【感想】・この動きを探し求めていた。長かった。。。 【参考】 【Mac】Finder で一つ上のフォルダへすぐ移動する方法 : Mac・iPhone・iPad を使い倒したい

openコマンド

【前提知識】特になし 【本題】・open ファイル名 →ファイルを開く(開く時のアプリケーションはデフォルトで決まっているやつで開く) ・open ディレクトリ名 →ディレクトリをfinderで開く 【感想】・ターミナルからなんでも操作出来ると楽しい 【参考】man…

lessコマンドのページ送り

【前提知識】・lessコマンド 【本題】・スペース or f で1ページ次へ・b で1ページ前へ 【感想】・会社のキーボード矢印キーないからつらい 【参考】man less

gulp-ejsで拡張子htmlで出力されないとき

npm

【前提知識】・gulp-ejsのバージョンは「"gulp-ejs": "^3.0.1"」 【本題】・.pipe(ejs({}, {}, {ext: '.html'}))上記の様に設定すると拡張子htmlで出力される 【感想】・ちょくちょく変わるのめんどくさE 【参考】 gulp-ejs

オリジンとドメインの違い

【前提知識】・http://www.hoge.co.jp:80を例にする 【本題】・www.hoge.co.jpがドメイン名・http://www.hoge.co.jp:80がオリジン →つまりプロトコル(http, httpsとか)とポート番号(80とか)諸々含めたものがオリジン 【感想】・オリジンとドメインで微妙…

ドメイン名とホスト名の違い

【前提知識】・www.hoge.co.jpというアドレスを例にする 【本題】・「.hoge.co.jp」がドメイン名・「www」がホスト名・「www.hoge.co.jp」がFQDN(Fully Qualified Domain Name:完全修飾ドメイン名) →完全修飾ドメイン名をドメイン名という意味で言ったりす…

Promiseでのresolve()での引数で渡せる数の話

js

【前提知識】・PromiseはES6で追加された非同期処理制御を見かけ上わかりやすくしてくれるやつ 【本題】・resolve()で引数は一つしか渡せない →下記のコードはtwoがundefinedとなる →複数の値を渡したかったら配列に入れたり、オブジェクトとして渡したり何…

複数ファイルをまとめてmv・cp

【前提知識】・mv 移動元 移動先・cp 移動元 移動先 【本題】・下記の書き方でファイルA・ファイルB・ファイルCを移動先ディレクトリに移動できる →mv 移動したいファイルA ファイルB ファイルC 移動先のディレクトリ名(cpも同じように出来る) 【感想】・…

終端装置・ルーターとかについて

【前提知識】・光通信の話です(ADSLの話はしません)・PCはインターネットに送るデータや送られてくるデータをデジタル信号として処理している・モデム:アナログ信号とデジタル信号とを相互変換してくれる機械(1つのONUにつき、1つの端末しか使えない)…

正規表現(グループ化・キャプチャ)

【前提知識】 ・仕事で正規表現書いてあるやつ読む時「\1」とか「\2」とかがあった。 【本題】・キャプチャっていう正規表現の機能らしい →(\W)hoge\1 みたいに書くと例えば、$hoge$, :hoge:, %hoge%みたいなものとマッチする →「( )」で正規表現のグルー…

正規表現(クラス・パターン)

【前提知識】 ・文字クラス:[●☓△]と[ ] で囲ってあげると、「●」、「☓」、「△」 のどれかに一致するっていう意味になる ・パターン: おはよう|こんにちは|こんばんわ とすると「おはよう」、「こんにちは」、「こんばんわ」のどれかに一致するという意味に…

IFTTとかいうサービス

【前提知識】 ・こういうの作る人ってすごい 【本題】 ・アプリケーションの通知とかをトリガーにして、別のアプリケーションに通知飛ばしてくれるサービス →例:gmailの通知をlineで教えてくれるみたいな 【感想】 ・他の人が記事にしてるように、とりあえ…

【ファサードパターン】

【前提知識】 ・クラスとかメソッドが増えると何がどうなっているのかを把握するのが難しくなってくる。 そんなときに「窓口」を設けて呼び出すことによって期待通りの動きになるようにするパターンがファサードパターン。 【本題】 ・呼び出し用の窓口をク…

console.logでログが出ない時

【前提知識】 ・エラーでも何でもないのにchromeにconsole.logしたものが出なかった時疑う所 【本題】 ・consoleのフィルタリング設定(下記画像のDefault levelsって所) →とりあえずDefault levelsにしておけば表示される(その他のフィルタリング設定は公…

4時間バスケはつらい

今日岩槻の文化公園でバスケやったけど・・・ プログラマーに4時間バスケはつらすぎるw バスケの疲労と筋トレの疲労が別物過ぎて辛い まぁ思っていたより楽しかったからよかった 相手チームがそこそこのメンツだったから次第にやる気がでてよかった 女の子…

Linuxサーバー停止方法

【前提知識】 ・停電があるので、linuxサーバー停止しておいてくださいって言われて、やり方はググってくださいと言われたのでやり方を残しておきます。 【本題】 ・ssh でサーバーに接続 →su - でスーパーユーザーになる →shutodown -h now でlinuxサーバー…

ログインした時に使うデフォルトのシェルを変更したい時

【前提知識】 ・Macでやります。windowsは分かりません。 【本題】 ・ターミナルを開いて、cat /etc/shellsを叩く →利用可能なシェルの一覧が表示される(/bin/zshとか) →chsh -s /bin/zsh(利用可能なシェルから選ぶ) でログイン時に使用するシェルが変更…

webpackでjs以外のファイルを読み込む方法

npm

【前提知識】 ・webpackはjsファイルのモジュールバンドラー →jsをモジュールという単位で分割し、それらをブラウザで使用できる形に1ファイルにまとめてくれるやーつ 【本題】 ・jsファイル以外もwebpackで読み込めるんです!! →対象のloader(css読み込…

Promiseの使い方

js

【前提知識】 ・JavaScriptの非同期処理で取得したデータを次の処理で使用しようとしてハマっていること 【本題】 ・PromiseはES2015で新しく追加されたjsの機能 ・分かりづらい非同期処理の流れをわかりやすく出来る ・new したpromiseをreturnしてその後に…

npm install でグローバルに入れるかローカルに入れるか問題

npm

【前提知識】 ・npm install --save パッケージ名 でローカルインストール →npm install --save-dev パッケージ名 でローカルインストールかつpackage.jsonのdevDependenciesにパッケージ情報が記載される(開発のときに使用して本番で必要ないパッケージは…

package.jsonに記載されているpackageを最新のバージョンにする

npm

【前提知識】 ・特になし 【本題】 ・npm-check-updatesをグローバルに入れて最新バージョンにする 具体的には下記コマンドを上から順に行う $ npm install -g npm-check-updates $ ncu $ ncu -u $ npm update 【感想】 ・パッケージのバージョンを変更する…

スタックとキュー

【前提知識】 ・特になし 【本題】 イメージは以下の通り ・キュー:出す所と入れる所が違う ・スタック:出す所と入れる所が同じ 【感想】 ・どっちがどっちだかたまに忘れる 【参考】 スタックってなあに?(1) | 学校では教えてくれないこと | [技術コラ…

パスの**について

【前提知識】 ・無し 【本題】 ・パスを書くときに/**/*.htmlみたいに書いてあることがある →ディレクトリ、ファイルを問わず階層が下のhtml全てを表す 【感想】 ・なんとなく雰囲気でわかる 【参考】 ・これのパターンて所を参照 3. データ構造 | TECHSCORE…

docker execコマンド

下記参考 docker execコマンドの使い方(実例付) – めもたんす

タグについて(section, select, form, meta)

・section: 意味や機能をひとまとまりにするタグ 下記参考 <section>-HTML5タグリファレンス ・form: 入力・送信用フォームを作成するタグ、送信ボタンやテキストボックス等の部品はformタグの内部に含める 下記参考 <FORM>-HTMLタグリファレンス ・select: セレクトボッ</form></section>…

cpコマンド

【前提知識】 ・特になし 【本題】 ・cp -frv →サブディレクトリ以下を再帰的に →警告なしで →ファイル名を表示しながら →コピーする 【感想】 ・コマンドで操作するようになったら詳しくなるんだろうなぁと思いました まる 【参考】 ・オプションとか Linux…