fv17の日記 - Coding Every Day

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

TOPページ

本ブログ記事、および外部ブログ記事等のリンクまとめ バックエンド Rails preload, eager_load, includesの使い分け POSTしたあとにrenderしてはいけない理由 ビジネスロジックをどこに書くのか Railsアップデートの方法 例外処理 Railsアプリケーションに…

Blocked hostエラー@Rails6から導入された「DNSリバインディング攻撃からの保護」について

HerokuにRails6アプリをデプロイしたところ、下記のエラーが表示された。調べてみたところ、Rails6から導入された「DNSリバインディング攻撃からの保護」関連のエラーとのこと Blocked host: hoge.herokuapp.com To allow requests to hoge.herokuapp.com, a…

Docker環境構築 - Rails6 + postgresql 12.3

参考 Quickstart: Compose and Rails | Docker Documentation Dockerを使ってRails6環境の構築をしてみる - Qiita RailsアプリをDockerで作ってCircleCIで自動テストしてHerokuにデプロイした話 - Qiita メモ Docker 公式Docの方法はRails5までの対応で、Rai…

Railsのバージョンアップ方法

この記事は何? Railsのバージョンアップ方法について 対象読者 はじめてRailsのバージョンアップをする方 Railsのアップデート方法を学びたい方 参考資料 公式ドキュメント https://railsguides.jp/upgrading_ruby_on_rails.html もんセレクション@Railsを5…

ゼロからのDocker入門

この記事は何か Dockerを全く知らない段階から、下記を目指すためのロードマップです。 Dockerとは何か?全体像を理解する Dockerで開発環境を構築できる 開発現場で既存のDockerfileやdocker-compose.ymlを理解し、編集できる その先にあるKubernetesやAWS…

Railsでビジネスロジックをどこに書くか?

どのような歴史を辿ったか? Rails勃興(2004~2005年) ViewやControllerにビジネスロジックを記述。見通しの悪さが問題に モデルにビジネスロジックを書くべきという主張(2006年) Buckblog: Skinny Controller, Fat Model Fat Modelが問題。サービスオブジェ…

Railsのアセットパイプラインについて

自分用メモ 参考 アセットパイプライン - Railsガイド 実装 メイン sprockets-rails gem 関連gem gem 'sass-rails' gem 'uglifier' gem 'coffee-rails' 機能 アセットを連結 ブラウザがWebページをレンダリングするためのリクエスト数を減らし、速度向上 ア…

railsのエラー処理

参考 Ruby on Rails 6 実践ガイド 1.controller外でのエラー処理 例えば、routing時のエラー(存在しないurlの指定)など Rails の rescue_from で拾えない例外を exceptions_app で処理する - Qiita 参考コード add: routing時のエラー制御等を追加 · fv17/ra…

railsのrequestオブジェクトの使い方

www.rubydoc.info

スクラムマスターとしてすべきこと

メモ SMとしての役割 仕事の可視化 ムダの可視化 モチベーション向上 障害の追跡と除去 イベント成果物への集中 依存関係の可視化 POへの支援 リリース計画の支援 Epicを見積もる リリースバーンダウンチャートの作成 デミングの20%の変動(期間が長いと50%ズ…

ファシリテーションについて

自分用メモ ファシリテーションとは 「腹落ち」を生み出すコミュニケーションの技術 「腹落ち」= 目的と理由の理解、ゴールの理解、当事者意識、ワクワク リーダー必須スキル 目的、重要性 参加メンバーの知恵を引き出し、意欲を高める、自ら動く 難しさ 思…

スプリントバーンダウンチャートとは

概要 タスクの残りの作業時間見積もりをチャートにしたものを、スプリントバーンダウンチャートと呼ぶ。 X軸には、経過日数や日付。Y軸には、作業時間やベロシティ。 目的 チームの自己管理能力を強化するため、 スプリントの進捗、WIPであるタスクの有無を…

スクラムチームをカイゼンするアイディア

自分用メモ 設計やそのための調査におけるペアプロ

【メモ】スクラムとは

勉強用メモ スクラムの定義 なぜスクラムをするか? なぜアジャイル開発をするか?に近い リンク先の「スクラム開発で得られる効果」はウォーターフォール型と比較したメリット https://www.nec-solutioninnovators.co.jp/column/02_agile.html スクラムマス…

お金の基礎知識

私みたいに凡庸な人が経済的独立なり早期リタイアする為には、職を持っている事、お金の知識を持つ事、その知識を活用する事、景気の良い時に景気の良い場所にいる事が必要と思うのですが、お金関連の知識の基礎に関してはこのYoutubeチャンネルでカバーされ…

留学、大学院などの記事一覧

note.mufushiroyama.hatenablog.com

ReactのformにおけるControllerd componentとUncontrolled componentについて

良くわからなかったので参照先メモ公式 フォーム – Reactブログ Controlled and uncontrolled form inputs in React don't have to be complicated - Gosha Arinich What are Controlled Components in React? - RWieruch

Webデザインに入門する

UI/UX cocoda-design.com Figma 基本操作の説明 note.mu Tips qiita.com

シンプルさの重要性(リンク)

あとで読むeed3si9n.com

JavaScript - アロー関数の書き方

「オブジェクトリテラルが返り値の場合は、本体を 丸括弧() で囲う」という説明が抜けている教材が多いが、Reactを書く際などに頻出するので注意。目次 アロー関数の書き方 省略記法 処理が1行の場合は ブロック{} と return が不要 引数が一つの場合は、引…

【Git】ローカルで特定のブランチ以外を一括で削除する

Git

ローカルで指定したブランチ以外を削除する git branch | grep -v 'release' | grep -v 'master' | xargs git branch -D

【VSCodeショートカット】定義先へ遷移 / 遷移元へ戻る(Mac)

定義先へ遷移 Command + 左クリック or F12 遷移元へ戻る Control + -

Reactのコンポーネント設計のサンプル、参考サイト

ant.design

React Hooks with TypeScript

React公式DocのHOOKSの学習メモ 公式とは異なり、TypeScriptで実装する 目次 1.フックの導入 Hooksとは まずはSample Code 2.フック早わかり 3.ステートフックの利用方法 解説 & 実装例 複数のstateは1つにするべきか?分けるべきか? 1.フックの導入 ja.rea…

りあクト!第2版の学習メモ

Reactのキャッチアップのため、りあクト!第2版を学習中 そのための学習メモ 第8章 Hooksで関数コンポーネントを強化 以前の関数コンポ Local Stateを持てない ライフサイクルメソッドもない HOCを使って上記を持つRecomposeライブラリが意識高い系で流行 Ho…

【環境構築】ゼロからreactアプリ作成まで

Node.jsのインストール 下記でLTS(Long Term Support)版をインストールする https://nodejs.org/ja/ IDE/エディターのインストール 好きなものを 特にこだわりがなければVS Code https://azure.microsoft.com/ja-jp/products/visual-studio-code/ Yarnをイン…

なぜRSpecを書くのか、なぜテストを書くのか

Ruby、Rails界隈の伝道師、伊藤さんの発表スライドが公開されていましたので共有。 伊藤さんのスライド speakerdeck.com スライドを見ての感想 最近はCircle CI等で常に自動テストして品質を保つことは、どこの現場でも行われているだろうと思います。そのた…

フロントエンドエンジニアになるために、Learn to become a modern Frontend Developer in 2019を実際にやってみる

現在、サーバーサイドエンジニアとしてJoinしている現場で、フロントエンドのエンジニアが不足することが予想されているため、フロントのキャッチアップ中です。HTML、CSS、JavaScriptをProgateで1ヶ月ぐらいかじったことある状態から、即戦力のフロントエン…

【Rails】active adminで最速で管理画面を作る

Github https://github.com/activeadmin/activeadminDemo http://demo.activeadmin.info/adminDocs https://activeadmin.info/0-installation.htmlWiki https://github.com/activeadmin/activeadmin/wikiQiita qiita.com

Webのシステム設計を学ぶ

github.com