Web備忘録

雑多に書いています

「Webフロントエンド ハイパフォーマンスチューニング」を読んだ。

Webフロントエンド ハイパフォーマンス チューニング作者:久保田 光則技術評論社Amazon 2章 レンダリングのしくみ ブラウザは、以下のようなレンダリングエンジンとJavaScriptエンジンを用いてレンダリングを行う。 (引用: 久保田 光則. Webフロントエンド …

「SQL実践入門」を読んだ。

SQL実践入門 ──高速でわかりやすいクエリの書き方 WEB+DB PRESS plus作者:ミック技術評論社Amazon 読んだ理由 DBとSQLをやりたくなった。 1章 ストレージ(ディスク)はアクセス低速、メモリは高速。 DBMSの実行計画を読んでチューニングしなければならないと…

「プログラミングの基礎」を読んだ。

プログラミングの基礎 ((Computer Science Library))作者:浅井 健一サイエンス社Amazon 読んだ理由 関数型言語を触ってみたかった。 環境構築 M1Macを使っている。以下コマンドで構築できる。 brew install ocaml 昔はDockerとか使って環境作ってたけどわざ…

ウィリアム・ゴールディングの「蠅の王」を読んだ

蠅の王〔新訳版〕 (ハヤカワepi文庫)作者:ウィリアム ゴールディング,William Golding早川書房Amazon 本屋にふらっと立ち寄ったときに、表紙が赤くてかっこよかったため惹かれ、裏表紙のあらすじも面白そうだったので買いました。 文庫本で300ページほどの小…

コグニカルの数学の基礎コースを学びました

コグニカルとは? 1ヶ月ほど前にはてぶでバズってた数学系の学習サイト。 数学基礎コースや、デジタル信号基礎コースなどがある。 cognicull.com なんで数学コースを解いたの? もともと数学をいつか学びなおしたいなあという気持ちがあった。 心理的には数…

カミュの The Stranger(異邦人)を読んだ

カミュの The Stranger(異邦人):英訳を読みました。 異邦人THE STRANGER (金原瑞人MY FAVORITES)作者:アルベール・カミュ青灯社Amazon 自分の場合、英語で本を読むのは基本いつもめちゃくちゃ大変で挫折しがちなのですが、↑のような「難しい単語・文には…

「ドメイン駆動設計 モデリング/実装ガイド」を読んだ

booth.pm まえがき DDDに関する書籍を今まで読んだ経験がなかったのでとても新鮮でした。 まとめと感想 2章 ユースケース図から始める 次にドメインモデルをまとめた図を作成する 集約や記憶すべき値を定める。そして基本的にイミュータブルなインスタンス(…

「ソフトウェアテスト技法練習帳」を読んだ

ソフトウェアテスト技法練習帳 ~知識を経験に変える40問~作者:梅津 正洋,竹内 亜未,伊藤 由貴,浦山 さつき,佐々木 千絵美,高橋 理,武田 春恵,根本 紀之,藤沢 耕助,真鍋 俊之,山岡 悠,吉田 直史発売日: 2019/12/27メディア: Kindle版 感想 具体的なテストケ…

「革命前夜」(須賀 しのぶ)を読んだ

革命前夜 (文春文庫)作者:須賀 しのぶ発売日: 2018/03/09メディア: Kindle版 本屋にふらっと立ち寄ったとき、入り口でおすすめされていて、あらすじと最初5ページぐらいを読み、面白そうだと思って手に取りました。 ネタバレはなしで感想書いてきます。 内…

「コンピュータシステムの理論と実装」を読んだ

半年ほどかけて、やっとのことで読み終えた。 コンピュータシステムの理論と実装 ―モダンなコンピュータの作り方作者:Noam Nisan,Shimon Schocken発売日: 2015/03/25メディア: 単行本(ソフトカバー) 結論からいうと、難しくはありつつも、面白かった。「コ…

「Clean Architecture 達人に学ぶソフトウェアの構造と設計」を読んだ

Clean Architecture 達人に学ぶソフトウェアの構造と設計 (アスキードワンゴ)作者:Robert C.Martin,角 征典,高木 正弘発売日: 2018/08/01メディア: Kindle版 感想 仕事でアプリケーションの設計や、すでに出来上がってるアプリケーションのリ…

VScodeをアップデートする方法

(Mac用) VScodeを開き、左上のメニューバーより 「Code」→「Check for Updates..(上から2つ目ぐらい)」 で出来ます。 ただし、以下のエラー文により阻まれる場合があります。 Cannot update while running on a read-only volume. The application is on a r…

Vueで画像をリサイズしてプレビュー表示&Base64形式でバックエンドへ送信する(canvasAPI, Base64利用)

あらすじ fujiten3.hatenablog.com の続き。 この記事でやること 以前↑の記事にて、簡易的な画像のプレビュー機能 + 送信機能を実装しました。 その内容を一言でいうと、クライアントサイドで画像をBase64形式で符号化し、文字列として取り扱う送信フォーム…

RailsAPIでBase64エンコードされた画像ファイルを受け取り、S3(AWS)に保存する

自分が昔に書いた記事の続編です。 fujiten3.hatenablog.com クライアント層から送られてきたBase64エンコードされた画像ファイルをRailsで扱う方法の紹介するのがこの記事の目的です。 以前書いた記事にコメントを頂いたので、筆を取りました。(コメントあ…

Ruby on Railsで分間100万リクエストを捌くコードの書き方

Rails効率化に関する記事を読んだので、ポイントだけまとめておこうと思います。 engineering.shopify.com ActiveRecordのパフォーマンス改善 SQLが実行されるタイミングを知る 出来るだけ少なく選択する クエリキャッシュを忘れる インデックスのないカラム…

未経験からエンジニアになるための学習ロードマップ

完全に未経験から、エンジニアになりたい人向けの記事です。 自分がRailsで就職したので、このロードマップ自体はRailsエンジニア(バックエンドエンジニア)になることに特化していますが、Ruby以外の言語や、フロントエンドへの転職を希望している場合も、…

新しいMacを入手したときにやっておくべき環境構築

新品のMacを手に入れたとき、初期設定では色々と使いづらいので、いろいろとカスタマイズしていくと便利です。 そのカスタマイズの内容は多岐にわたるので、自分用も兼ねてメモしておこうと思います。 入社初日などをイメージしてます。基本的に、上から行う…

SPAのTwitterログイン認証(OAuth)

SPA(RailsAPI + Vue.js)でのTwiiterログインを実装したので、自分の実装方法をまとめておきます。 概要図(ステップ) 実装の概要 ステップ1 ステップ2〜5 ステップ6〜7 ステップ8 ステップ9 感想 概要図(ステップ) 実装の概要 まずはじめに、 実装…

SPAでのログイン認証とCSRF対策の実装(JWT使用)

SPA(Vue + RailsAPI)で何とかログイン認証機能 + CSRF対策を実装したので、ブログにメモしておきます。 実装の概要 使用した技術たち JWT(JsonWebToken) アクセストークン、リフレッシュトークンって? WebStorage JWTSession 遷移の概要(より正確な内容は要…

Vueでパスワードの強度を動的に判定できる送信フォームを作りました。

タイトルの通り、Vueでパスワードの強度をクライアントサイドで判定しながら送信できるフォームを作りました。 PasswordStorengthChecker JSFiddle上に置いておいたので、欲しい方はどうぞ。編集自由ですが、ブログ等での再配布はご遠慮ください。 jsfiddle.…

Vueで画像アップロード + プレビュー機能付きフォームを作りました。(Base64エンコード利用)

タイトルの通り、Vueで簡単な画像アップロードページを作ったので、JSFiddleで公開してみます。 今回はBase64エンコードを使って、画像を文字列情報として扱う方法を採用しています。 バックエンドとのやり取りをJSONベースで行っている場合は、この方法がシ…

Dockerの基礎

自分用です。 コマンド: // dockerバージョンのチェック docker version // dockerの情報を詳しく知る docker info // dockerコマンドの一覧表示 docker // imageをインストール docker pull <任意のimage> // インストールしているimageの詳細情報を確認す…

Ruby on Railsガイドを通読してまとめる Part.4

第四弾です。 コントローラー Action Controller の概要 パラメータ(4) JSONパラメータ(4.2) ストロングパラメーター(4.5) セッション(5) Flash(5.2) Cookie(6) フィルタ(8) リクエストフォージェリからの保護(9) requestオブジェクト(10.1) responseオブジ…

Ruby on Railsガイドを通読してまとめる Part.3

第三弾です。前回はこちら。Ruby on Railsガイドを通読してまとめる Part.2 - エンジニア備忘録 railsguides.jp なんだかんだPart.3まで続けられました。 これもひとえに自分の努力の成果です。自分すげえ。(ただまとめてるだけなので大した努力ではない) …

Ruby on Railsガイドを通読してまとめる Part.2

第二弾です。前回はこちら。 fujiten3.hatenablog.com railsguides.jp これのコールバック〜関連付け(アソシエーション)を読んでまとめました。 めちゃくちゃ長いです。 モデル AvtiveRecord コールバック コールバックの登録(2.1) 利用可能なコールバック…

Ruby on Railsガイドを通読してまとめる Part.1

なかなかボリューミーなことで有名なRuby on Railsガイド。 railsguides.jp 実務未経験、Rails触り初めて4ヶ月の人間が気になった所だけ抜き出ししてまとめます。 基本的に、「理解できなかった所」や「大事だなと思った所」を中心にしてまとめようと思いま…

ゼロからVue.jsを学んでいる(用語整理)

以下の2冊で勉強しています。 Vue.js入門 基礎から実践アプリケーション開発まで作者: 川口和也,喜多啓介,野田陽平,手島拓也,片山真也出版社/メーカー: 技術評論社発売日: 2018/09/22メディア: 単行本(ソフトカバー)この商品を含むブログを見る 基礎から…

「EFFECTIVE TESTING WITH RSPEC 3: BUILD RUBY APPS WITH CONFIDENCE」の1章を読んだ

あとから読みなおせるようにブログにまとめつつ読んでいます。 Effective Testing with RSpec 3: Build Ruby Apps with Confidence作者: Myron Marston,Ian Dees出版社/メーカー: Pragmatic Bookshelf発売日: 2017/09/09メディア: ペーパーバックこの商品を…

「メタプログラミングRuby」を読んだ感想

「メタプログラミングRuby」を読みました。 メタプログラミングRuby 第2版作者: Paolo Perrotta,角征典出版社/メーカー: オライリージャパン発売日: 2015/10/10メディア: 大型本この商品を含むブログ (3件) を見る 物語形式で進む技術書で、主な登場人物は二…

「abceed」という英語勉強アプリがとてもよい

2ヶ月ぐらい前にインストールしたんですが、とてもよいアプリなんです、これが。 TOEICに特化したアプリですが、普通のリスニング教材としても優秀だと思ってます。 ちなみにアフィリエイトとかではないです。ただの紹介です。 あ、課金要素はあります。 な…