豆腐とコンソメ

豆腐とコンソメ

もろもろのプログラム勉強記録

プログラム

Gitで拡張子なしのファイルを対象外にする

最近、Reactばっかりなので、jsとは関係のないこちらの記事を写経している。 www.sigbus.info コンパイル後のバイナリファイルをgitで管理するのもあれなので、.gitignoreの設定をした。 .gitignore # 全部を一旦git管理対象外にしておいて * # !をつかって…

gitをコマンドラインで操作するときにブランチ名を補完できるようする

今までgitはGUIツールをメインで使ってきたけれども、もう少しちゃんと理解するためにコマンドで操作することにしている。 その中で、ブランチを切り替えたりする際に、ブランチ名が長いとコピペで面倒なので、補完できるように設定する。 設定に関しては、…

chrome-extensionをReactでさくっとつくる

Reactの公式ドキュメントが日本語化されて改めて読み直してる。 英語で読んだ時によくわからなかったりしていた部分もちゃんとわかるようになって、翻訳をしてくださった方には感謝でいっぱい。 とはいえ、英語でドキュメントを読めた方がなにかと便利なのは…

react-reduxを学ぶ

ReduxをReactで使うときは、react-reduxを使うんだよ!と講座で教わり、以降何も考えずにreact-reduxを使ってきた。 connect()の書き方がよくわかんねえよ!とか、Reduxの非同期処理がわかんないよ!とか、いろいろありつつも、今回はそもそもreact-reduxっ…

redux-thunkを学ぶ

Reduxに慣れ始めたのであらためてredux-thunkをちゃんと理解しようと思う。 redux-thunk まずは基本 非同期処理 middlewareを使う redux-thunk redux-thunk github.com redux-thunkは以下のように非常にシンプルなコードでつくられている。 魔法のようなredu…

React.jsのテストコードWorkshopの内容まとめ(1)

UdemyのReact講座に学習が完了したので、この勢いでテストコードの書き方を学 ぶことにするよ。 今回は、こちらのReactテストコードのworkshopの視聴した内容から学んだことを書いていきます。 https://www.udemy.com/react-redux/learn/v4/overview worksho…

年始だしReactに入門する(2)

日記 2019年になったので、どこかで去年の目標を見返してみようと思う。 本題 横道にずれたり、なにかしながらやったりとあんまり進んでない。 正月休みのうちにReactの講座を終わらせたい。 前回からの続き www.tohuandkonsome.site SECTION8 APIを呼び出す…

年末だしReactに入門する(1)

UdemyのReactの講座を受ける機会があったので、備忘録がてら感想をメモ。 https://www.udemy.com/react-redux/ 過去にも、UdemyのReact講習をやったんだけれども、せっかくなのでやってみる。 www.tohuandkonsome.site 受けた人のレベル的に Web開発経験2年…

HTTP/2をApacheで設定してみる

HTTP2まわりでの設定を行ったのでメモ。 本題 本題 HTTP2ってなに? わたしのHTTP/1.1 わたしのHTTP/2 HTTP/2を導入する クライアント側:curlの準備 サーバー側の準備: Apache リクエストの内容を確認する(HTTP) リクエストの内容を確認する(HTTPS)① 自己証…

受託案件のWeb系の納品物ってビルド後のソースとソース一式、どっちを渡してる?

前置き Web案件の受託開発をしていてふと思った疑問。 納品するときって、ソースコード一式 or Webpackでビルド後のソースのどっちを納品してますか? 大抵はソースコード一式を納品しているような気もするんだけれども、わりとビルド後のソースだけを納品し…

Vue.js + FIrebaseのEメール+パスワード認証をためす

日記 Nuxt.js + Firebaseで、お酒の写真とコメントを管理するWebアプリをつくってる。 作成中のWebアプリ 使用ユーザーは奥さんの1名だけ。 とりあえずなにかしらWebアプリを完成させたい、という目標を達成するために必要最低限の機能は一通り実装できた。 …

フロントエンドの開発にDockerを使ってたけれども、なんだかいらない気がしてきた

フロントエンドの開発環境にdockerを使うようにしていたんだけれども、Node.jsのバージョンだけ意識するんであれば、nodebrewなりなんなりで切り替えして、ホストOSにそのまんまNode.jsしかり、jsのパッケージをインストールしたほうがいいんじゃないかと思…

そろそろVue.jsでもテストコードを書いていこう

Vue.jsでわりといろいろつくっている今日このごろ。 そこそこ使ってるのに、未だにEsLintもいれてないし、テストコードも書いてないという状況に危機感を覚えた。 特にテストコード書いてないのはまずい気がする。ブラウザで毎回確認するのも時間かかるしね…

sedで正規表現で置換したときのメモ

正規表現系のメタ文字の意味とかって、検索しにくいよね。 やりたいこと たまに、こんな感じのHTMLがあって、 もととなるHTML <option value="">都道府県を選択</option> <option value="北海道" >北海道</option> <option value="青森県" >青森県</option> <option value="岩手県" >岩手県</option> <option value="宮城県" >宮城県</option> Vue.jsかなんかを使うことになり、なんやかんやでHTMLのoptionsをslotで利用するの…

dockerコンテナでcomposerのinstallに失敗する

日記 Vue.jsの本を読んでて、Vue.jsをつかってるとデータ駆動的になる~っていう記載があった。 なんとか駆動とかって使うと、とてもかっこいい感じがして、こういうことが言えるようになりたいなぁなんて思ってた。 先日、Vue.jsを使って、入力フォームの値…

CloudFunctionsを試す

日記 いろいろとつまみぐいをするような学習方法は螺旋階段のように、知識がついていって即効性はある反面、体系だった知識になりにくくって応用が利かないのがよくわかる。 どこかで一度立ち止まって、基礎を学んだほうがいいなーと思う今日この頃。 本題 …

Nuxt.jsでassetsをCDNから配信する

当たり前のことかもしれないけど、アセットをCDNから配信したいけど、どうようかと思ったらものすごく簡単だった話。 Nuxt.jsをnpm run buildでビルドしてnpm run startで起動してサイトにアクセスしてみると、アセットはドメイン/_nuxt/配下を参照している…

3連休だしDocker環境でNuxt.jsをさわってみよう

久々の更新。 最近、Nuxt.jsとFirebaseで遊んでます。 さくさくつくれるからたのしい。 なのでNuxt.jsの記事を書くことにした。 Nuxt.jsを準備する Dockerを準備する Dockerfile docker-compose.yml 起動する Nuxt.jsを準備する さっそく、環境をつくってい…

SPAの認証がわからない + JWTのデコードでエラー

日記 SPAをつくることにしたんだけれども、APIの認証をどうしていいのかがいまいちわからない。 APIに状態を持たせるのは良くないということで、セッションを使った認証ではなくJWTを使った認証にチャレンジしてみることにした。 (とはいえ、あんまりそのメ…

Vue.jsから入りReactを触ったときの気づき

www.udemy.com こちらのReactの講座途中まで終わって、あーVue.jsでもこうすればいいんだなぁという点があったので書く。 ※書いているコードは、直接この記事で書いちゃったのでtypoミスなどなにかしらのミスがあるかもしれません。 今まで こんなふうに、メ…

やっぱり、WebpackもBabelもよくわからない

日記 Reactをさわってみることにした。 本題 webpackとBabelの違いがなんだかわからなくなってしまった今日このごろ。 自分の中では、両者はこんな認識だった。 webpack:複数のjsファイルとかだったりをひとつにまとめることができる。 Babel: ES6構文をES…

LaravelでPKがIDじゃないときのfactory

Laravelで、PKがidじゃないテーブルをつくったときに、factoryの挙動がちょっと違ったのでメモ。 こんな感じのモデルがあって、PKがデフォルトと異なるので、プロパティにuser_idを書いてあげる。 PKがidではなくuser_idなUserモデル define(App\Us…

LaravelのModelのcreateでハマった件

日記 前の会社をやめて一年が経ってしまった。 起きたこと Laravelなんとなく使えるようになったかなと思ったけれども、未だにフレームワークがちゃんと読めない。 というかPHPの基本的なところがわかってないんじゃないか疑惑。 こんな平凡なProductモデル…

サーバーの設定ファイルをAnsibleで管理する

ある日、保守しているサイトの担当者から、サイトが「502 Bad Gateway」の文字がでて見れねえぞ!どうなってるんだよ!とお怒りので電話が。 ものすごくアクセスがきていて、単純にさばききれないだけなんじゃと思い、ロードバランサでリクエスト数を確認を…

Goに入門してみる

日記 さいきんちょっとさぼりぎみ。 忙しくなると駄目ですね。 習慣がなくなることが怖いので、書くことを目的として書きました。 中身はからっぽだけど気にしない。 日記 本題 ということではじめてみる Hello World IDEをつかってみる 本題 ぼけーっと電車…

今日から君が開発環境を作ってねと言われたのでAnsbileでつくろう

日記 Ansibleをつかって便利だなぁっと思って、備忘録がてらまとめたいとおもったんだけれども、こんな記事や、Quitaのわかりやすい記事がいっぱいあって、書く労力のわりに、得るものがあんまないなと思った今日このごろ。 yteraoka.github.io 本題 とある…

Vagrant up でエラーが出た時のメモ

事象 解決策 事象 ホストマシンのOS Windows10 Vagrantのバージョン vagrant -v Vagrant 1.9.8 VirtualBoxのバージョン 5.1.26 上記の環境で、Vagrantを起動したとき以下のエラーが表示された。 (エラーメッセージを全文とっとけばよかった。。) 前日まで…

Dockerをさわってみる(3):ちょっと振り返り

日記 春が来ました。 速攻で風邪を引きましたが、みなさまいかがお過ごしでしょうか。 お金を稼ぐエンジニアになるのか、お金を稼ぐビジネスマンになるのか、幸せなエンジニアになるのか、幸せな人間になるのか、いろいろと悩ましい今日この頃です。 ブログ…

Dockerをさわってみる(1):HelloWorld

日記 久々の更新になります。 転職後初の案件が少し落ち着いたので、この機会に反省がてらいろいろと試したいと思っております。 わからないことだらけで足元が固まってない中で、自分の書いたコードが実際に運用されていくと思うと恐怖を感じている今日この…

1時間くらいでラズパイ3の設定とカメラモジュールの起動確認まで行う

1時間くらいで、ラズパイのインストール、SSH接続、カメラモジュールの起動をやるよ! 以下は、どうでもよい経緯。 ちょっとやりたいことがあって、ラズパイのカメラを起動しようとした。 過去にラズパイを公開鍵認証に設定したことがあったんだけれども、肝…