ちょっとずつ進む

常にWhat's upの精神

オレオレ証明書でhttps化を試す

オレオレ証明書とか言ういい感じの名前がついてるやつ、聞いたことあるし、よく開発とかで設定されてるけど自分でやってみたことないからやってみた。 ちなDockerでやる感じです。 基本的には下記を参考にしてやりました。 超絶わかりやすかった。 https://k…

退職やで!

約9ヶ月働いた今の会社を7月いっぱいで退職することにしました。 そもそも半年くらいしたら辞めようと思っていたので、まぁ時が来たなって感じがする。 とりま、どんな会社だったかを書いてみました。 業界 ナイトレジャーと言うなのエロ業界。 職場でおっぱ…

cloud firestoreのconsole画面でドキュメントが確認できないエラーが起きちゃった時

特になんにもしてないのにドキュメントのところにエラーがでて、 データが確認できなくなった時、セキュリティソフトにカスペルスキーを使用してたら、一旦カスペルスキー停止してリロードしてあげると直るっぽい。 ちな、macだと画面の上の方にカスペルスキ…

あの便利すぎるfirebaseで、firebase init したらHTTP Error: 401が返ってきちゃう時

firebase initしたらなんかエラーが出ちゃってマジfuckって感じの人の役に立ちたい。 ちな、自分のfirebase cliのバージョンは6.10.0でした。 こんな感じのエラーが出ちゃう Error: HTTP Error: 401, Request had invalid authentication credentials. Expec…

実践ExpoのCounterを作っていてエラーが出ちゃう問題

react native勉強しようと思って本買って写経してたらエラーになったのでその解決方法。 ちなこの本。 2章のcounterのプログラムをreduxで作り直すところを写経し終わると下記のようなエラーが表示される。 ちなsnack環境での話。 エラー内容 Device: (1052:…

react nativeで開発する際の環境はどれがいいのって話

ざっくり結論 react native、react native expo(以下expo)、react native snack(以下snack)と色々あるが、どれがいいのかいまいちわからないので調べてみた。 ざっくりいうと下記表の感じで選択すればいいと思う。 個人的にはexpoが一番良さげ。 環境 適して…

SQL50本ノックの環境構築をしようとしてサポートページからダウンロードしたシェルスクリプトを実行するとエラーになってしまう問題

SoftwareDesign2017年11月号の特集にあるSQL50本ノックをやろうとして公式サイトから環境構築のためのシェルスクリプトをダウンロードして、下記コマンドで実行しようとするとエラーになる。 実行コマンド sh postgres_initialize.sh エラー抜粋 Step 2/5 : …

週4勤務について

今の会社が週4勤務OK(給料は4/5になるけど)だったので実際週4勤務にしたらどうだったかについて 世の中色々な週4勤務があると思うので、少しぼかすけど大体下記の様な勤務体系で今働いています。 例 出勤日→月火木金 休み→水土日 2日会社に行って、1日休み…

Reactのおまじない的なやつから始めるimport文の意味

js

reactを使う時、最初におまじない的なノリで下記のように書いているやつらの意味をググってみた。せっかくだからブログに書く。 import React, { Component } from "react"; // ① import ReactDOM from "react-dom"; // ② まず、簡単な②の方から説明していく…

肯定的先読み・否定的先読みとは

肯定的先読み・否定的先読みを理解するにはアンカーという概念が重要らしい。 アンカーとは文字列内の特定の位置を示す記号のこと。「^」とか「$」とかのこと。 https://abicky.net/2010/05/30/135112/ 下記のqiitaの記事によると(記事自体は少し間違ってい…

phpbrewでphp7.2をインストールしようとしたらめんどくさかった話

PHP

やりたいこと phpbrewを使ってphp 7.2をローカルにインストール ハマったこと laravelのソースを落とすのにphpのバージョンを上げる必要があったのでphpbrewとかいうのを使ってバージョンあげようとした時の話。 phpbrew install 7.2を叩いてinstallできない…

ps auxの意味

よくpsコマンドはps auxとオプションを付与して実行していることを見るのでググってみた。 結論: ps aux で現在実行されているプロセスを詳細な項目で表示してくれる 参考 【初心者向け】Linuxのプロセスについて一通りわかる!

クエリストリングの取得

js

【前提知識】 ・jsでクエリストリングの取得 【本題】 ・location.searchを使用する →?xxxx=hogeから取得できる 【感想】 ・凄い簡単 【参考】 https://developer.mozilla.org/ja/docs/Web/API/Window/location

aタグをボタンっぽくする方法

CSS

【前提知識】a:hoverでaタグの領域にマウスがフォーカスされた時の体裁を指定できる 【本題】# リンクをボタンのように見せる方法display: blockにする -> paddingを設けることでコンテンツ領域以外もリンクとすることが可能更にhover時の背景色を変更するこ…

clearfixについて(floatは浮くらしい・・・)

CSS

【前提知識】.clearfix::after { content: ""; display: block; font-size: 0; clear: both;} 【本題】・::after疑似要素を使用して、タグ内の内容の末尾にボックスを配置して高さをかくほすることにより、親要素がfloatしている子要素の高さを認識できるよ…

transmitでの改行コード

【前提知識】・mac, windows, unixではそれぞれ改行コードが異なる 【本題】・transmitでサーバーにファイルをあげる際にデフォルトの設定だと改行コードがデフォルトで変更される 【感想】・ちなみに改行コードはmac: crunix: lfwindows: crlf 【参考】特に…

heightについて

CSS

【前提知識】 ・インライン要素にはwidthもheightも効かない 【本題】 ・初期値はautoで要素の中身の分だけの高さになる ・px指定時は、要素の中身の高さに関わらず、高さが固定される ・%指定は少し面倒で以下の通り →基本的には親要素に対する比率で高さが…

widthについて

CSS

【前提知識】【前提知識】・インライン要素にはwidthもheightも効かない 【本題】・初期値はautoで、基本的に親要素の幅いっぱいに広がる・px指定時に、親<子にすると子が親からはみ出て気持ち悪い・width: autoと100%での指定による違いは、padding分まで広…

positionでやる中央寄せ

CSS

【前提知識】・親要素にposition: relative, 子要素はposition: absoluteを指定しておく 【本題】・子要素をleft: 50%で、親の半分より右に持っていき、更に子要素のtransform: translateX(-50%)で子要素自身のサイズの半分分左に持っていくと、子要素が親要…

vertical-alignとtext-alignの違い

CSS

【前提知識】・vertical-align:縦方向の位置決めに使用する・text-align:水平方向(つまり横方向)の位置決めに使用する 【本題】・vertical-alignは、インライン要素とテーブルセルにしか使用できない ・text-alignは、ブロックレベル要素内のテキストと…

cookieとキャッシュの違い

【前提知識】・特になし 【本題】・cookie:サーバーからもらう会員証のようなもの ・キャッシュ:一度開いたページの情報をブラウザが一時的に保存しておく仕組みのこと 【感想】・マークアップを修正したり、cssを修正したりした際に表示の変更が行われて…

stylusでの「&」の効果

【前提知識】.特になし 【本題】stylusで「&」は親セレクタの参照例:コンパイル前textarea color #A7A7A7 &:hover color #000 例:コンパイル後textarea { color: #a7a7a7;}textarea:hover { color: #000;} 【感想】・smacssでサブクラスを追加する際に親セ…

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