わいの日記

ありがちエンジニアブログ

2018-01-01から1年間の記事一覧

DNSのまとめメモ

先日、DNSでめっちゃ頭悩まされたので復習とメモがてら DNS(Domain Name System)DNSサーバは下記の2種類から構成される ネームサーバー(DNSコンテンツサーバー or 権威DNSサーバー とも呼ばれる) -> ドメインとIPアドレスを結びつける フルリゾルバ(DNSキャ…

AdonisJS クエリパラメータの取得の仕方

タイトルまんま 以下はhttp://localhost:3333?hoge=testにアクセスするとするstart/routes.js Route.get('/', ({ request }) => { console.log('query parameter', request.input('hoge’) }); コンソールを確認する クエリがしっかり取れてる

AdonisJSでLaravel(5.1)のチュートリアルしてみた

AdonisJSの紹介 adonisjs.comMVCに則ったJavaScriptのフレームワークですPHPのフレームワークの1つLaravelにめっちゃそっくりですこちらを紹介する目的:JavaScripter人口増えたらいいな PHPerがNode.jsに入る時にexpressだと取っつきにくいと思うんです 自分…

公式ドキュメントが一番信用できる

一番に参照すべきなのはやはり公式ドキュメントだなと思いましたJavaScriptではべき乗は従来はMath.powを使います // 2の10乗 Math.pow(2,10) // 1024 es2016から下記のように書けます // 2の10乗 2 ** 10 // 1024 JavaScriptのべき乗演算子に関して調べいた…

Rails復習始めたよ(改訂4版 基礎 Ruby on Rails)

なつかしい ああ、こんな書き方やったな 基礎的な内容で復習にはちょうどよかった 不満をあげるとすれば、サンプルアプリのデザインがとてもダサい あとActive Storageなんて機能ができてたんやね いい機能なだけにしっかり解説して欲しかったな ターゲット…

『プロを目指す人のためのRuby入門 言語仕様からテスト駆動開発・デバッグ技法まで 』よんだよ

とても良い本だ テスト駆動開発を使って、 手を動かしながら学べる点がとてもよい 具体的な使い道も紹介しているので、学んだ文法の使い道もイメージしやすい 思い返せば、 2016年末にwebエンジニアになりたいなって思って、 プログラミングスクールなDIVE I…

Builder Pattern [Design Pattern]

以下に移転しました exhikkii.com

Vuetifyの便利機能

デザインわからん 私はデザインが苦手で、 テーマカラーとか色の組み合わせなんていい感じにできた試しがありませんそんな時はVuetifyのTheme generatorvuetifyjs.comテーマカラーを実際のコンポーネントに当てはめて確認しながら決められます 色を決定した…

Singleton Pattern [Design Pattern]

以下へ移転しました exhikkii.com

『Clean Architecture』を読んだよ

名著 特に響いた1節をネタバレにならない程度にいくつか紹介します第4章 「テストによってプログラムが正しくないことは証明できるが、プログラムが正しいことは証明できないのである。」 ポパーだね すごくしっくりきた第5章 Object Orientedとはソフトウェ…

JavaScript DOMをたくさん追加する際にはcreateDocumentFragmentを使う

JSのtips JavaScriptでcreateElementしてそれをレンダリングすることって結構あると思います 1つのDOMを追加するならともかく、複数のDOMをそれぞれ追加するのは、 毎回DOMツリーにアクセスすることになったり、 DOMの位置計算など起こるので、 パフォーマ…

appendChildの注意点

今回は生のJavaScriptのtipsを タイトルの通り、appendChildについてデモをjsfiddleで作成しておきましたjsfiddle.net パッと見、 コードを見ると両方のdivタグにparaが表示されそうじゃないですか?結果はでも通りで 2つ目のdivタグ内にしか表示されていな…

Cloud AceさんのGCP公式トレーニングに参加してきたよ

自費☆参加 独立してお給料高くなるのは、 そのうちの幾らかは自己投資に回すためだと思っている背景として、 今参画しているプロジェクトで GAE、cloud function、pub/subなどを使う必要が出てきた けどGCP全く知らん せっかくやししっかり勉強しよう! って…

LaravelをGAE(google app engine)にデプロイするよ

GCPと仲良くなりたい ※あらかじめgcpのプロジェクトを作成しておいてください 適当にLaravelのプロジェクトを作成します php artisan serve で http://127.0.0.1:8000 にアクセスし、動作確認GAEへのデプロイはapp.yamlで設定します runtime: php // 言語はp…

推しライブラリ date-fns.js

JavaScriptで時間とか日付と言えばmoment.jsが有名だと思いますMoment.js | Home 個人的にはdate-fnsを推してますdate-fns.orgdate-fnsがmoment.jsに優っている理由はいくつかありますが、 サイズがmomentより小さいという点だけでもかなりの魅力ではないで…

Googleのjsコーディングガイド(JS)

下記の記事でfor...ofについて言及されてましたmedium.freecodecamp.org mozillaを見てみるとfor...ofとfor...inの違いについて言及していますね developer.mozilla.orgJSって思わぬ落とし穴とか、クセがあるから、気をつけないと セミコロンに関してはうー…

『Clean Coder』を読んだよ

面白いけど、どれもどこかで聞いたことあるような話ばっかだった それでも書かれていることはどれも「せやな」って頷けるものばっかり 特に、12章の「プログラマ 対 雇用主」は耳が痛いよ〜 やることやってるからって遅刻ぐらい許して〜スマートに書きたいし…

Vue.js のハンズオンしてきた

めっちゃ緊張した プログラミングスクールDIVE INTO CODEさんで、同校の生徒さんにしてきたよdiveintocode.jp 資料 https://docs.google.com/presentation/d/1QP83QDXGOPZVjpNhINrgRxX-bB1KoHn2m6VMNSRonxg/edit?usp=sharing Github https://github.com/Mits…

Nuxt.js の基本的な使い方

Nuxt.jsの基本機能ちょっと紹介します vue-cliがあればすぐにプロジェクト作成できます vue init nuxt-community/starter-template nuxt-study cd nuxt-study yarn yarn devlocalhost:3000でつながります まず、プロジェクトルートにpagesディレクトリがあり…

Vuefireの使い方 その1

vuefireの使い方を簡単なcrud構築することで紹介します 今回は新規登録 vuefireはVue.jsでfirebaseをいい感じに使えるプラグインですね では早速。。 今回はデザインがん無視します(Vuetifyいいよ〜) プロジェクト作成 vue init webpack vuefire-tutorial cd…

Vueでloading indicatorを実装する

こちらに移転しました exhikkii.com

MacOSにElasticsearchいれるよ

こんにちは最近Mac買い替えましたelasticsearchの環境を整備するついでに、作業内容を書いていこうと思います環境 Macbook (High Sierra version10.13.6) (dockerでの構築もいつか書きます) 0. homebrewのインストール brew.sh /usr/bin/ruby -e "$(curl -fs…