Railsの教科書の手順で進めていましたがrails sでアプリが起動しなかったので調べてみました。 結論 node.jsをインストールしてwebpaderをインストールする。 環境 macOS 12.3.1 ruby 3.0.3 Rails 6.1.6 Railsの必要rubyバージョンの確認 下記ページでrails …

最新のrails7系ではなくrails6系でrails new したかったのでバージョン指定する手順を調べました。 結論 指定したいRailsをgem経由でインストール rails _バージョン_ new アプリ名 でバージョンを指定してnewする インストールされているrails gemのバージ…

ついにRailsのプラクティスまで進むことができました。 久しぶりにRailsの環境構築を行ったので備忘録です。 結論 下記ツールをインストールする。 xcode homebrew rbenv yarn Ruby Rails xcode 開発用コマンドラインツール $ xcode-select --install $ xcod…

README内にコマンドラインやアプリケーションのアニメーション画像を貼る際のgifアニメーションの作り方について調べました。 結論 mac純正のキャプチャソフト、gif変換ソフトffmpeg を使って作る。 キャプチャソフトを使ってアニメーション用のキャプチャを…

Sinatraでのメモアプリ作成も終わりに近づいてきました。作成したリポジトリのREADMEに画像を表示したかったので方法を調べました。 結論 新規issueページで画像URLを生成して、READMEに生成した画像URLを貼り付ける。 手順 対象リポジトリのIssues タブ内の…

READMEの書き方 Sinatraのメモアプリも残すはREADMEの作成のみです。 読みやすいREADMEの書き方を調べてみました。 結論 先輩の方々が公開しているテンプレートの内容をきちんと理解して活用する。 ユーザー目線で考えて分かり易く書く。 僕が考える良いREAD…

Sinatraのメモアプリの終了条件であるXSS対策について調べました。 結論 文字コード指定とエスケープ(サニタイジング)を行うとXSS対策できる XSSとは 悪意あるクライアントサイドのコードをウェブサイトに挿入するセキュリティ攻撃です。 引用: Cross-site s…

値の有無で真偽値を返すようなメソッドを作る際にnil? とempty? の違いが分からなかったので調べました。 結論 nil? は存在しているか、empty? は空かどうかで真偽値を返す nil? 当たり前だけどnil のみtrue を返す。 ''.nil? => false [].nil? => false fal…

Sinatraのメモアプリでhelper 読込の際にrequire とrequire_relative の使い分けが分からかったので調べました。 結論 gemなどのライブラリの読込にはrequire、helperなどの自前で用意したファイルの読込にはrequire_relative を使う。 相違点 参照方法が異…

Sinatraを使ったメモアプリを作成中に新規投稿、投稿編集時にformタグ内のinputが未入力でPOST、PATCHで送信できないようにしたかったので調べてみました。 結論 required 属性を使うことでクライアント側(ブラウザ)でフォームが未入力時に警告を表示できる …

CSSがとても苦手です。ここ数日、CSSが苦手な理由とその対策について色々と考え、対策を試してきました。結果的に以前よりもCSSに対する苦手意識をある程度克服することができたのでその方法を記しておきます。 結論 CSSに必要な周辺知識の整理、ツールと情…

またまたデベロッパーツール(DevTools)関連です。 これまでなんとなくデベロッパーツールを使ってきましたがもっと楽に操作したいと思って設定やショートカットなどを色々調べてみました。 機能面は全然使いこなせていないですが、最低限の設定をした事でデ…

前回に引き続きデベロッパーツール関連です。 どうでも良いですがデベロッパーツールって言いにくいですよね... Devtoolsと書いている記事もあったのこの呼び方の方が言いやすいですね。 でも人と話す時に「Devtoolsの〇〇を...」とか話して通じるのだろうか…

CSSがとにかく苦手です。 CSSが思い通りに効かない エディタ(VSCode)とブラウザ(Chrome)を行き来してCSSがちゃんと反映されているか確認するのがめんどくさい この2つが僕がCSSが苦手な理由の大半を占めています。 今よりも効率的にCSSが書けるようになれば…

またまたHTMLネタです。 セクション要素(sectionやarticle等)をちゃんと使ってマークアップするようになった(当たり前やろ！というツッコミは無しでお願いします笑)のですが、次から次に疑問が湧いてくるので忘れないようにメモです。 結論 hタグは必ずしもs…

HTMLのセクション要素の使い方への理解が曖昧だったので復習です。 恥ずかしながらブロック要素にCSSを当てる際は今までは脳死状態でdivで囲っていました。 セクション要素(sectionやarticle等)にCSSを適応して良いのかなかなか判断できなかったので調べまし…

Sinatraのメモアプリを開発中にマークアップを行っていたところHTMLのアウトラインを意識したマークアップへの理解がとても曖昧だったのでタグの選び方にとても時間が掛かってしまった。 別にHTMLを舐めていた訳じゃないけどFBCのプラクティスでもあまり深く…

Sinatraを使ったメモアプリの開発時にerbがフォーマットされなかったので設定しました。 結論 vscodeの拡張機能のBeautifyを使う。 なぜBeautifyなのか 似たようなフォーマッタとして拡張機能のPrettierがあるがerbファイルが上手くフォーマットされないらし…

Sinatraを使ったメモアプリの開発で久しぶりにCSSを書くことになりました。 リセット系のCSS、normarize.cssを読み込ませる手順を全く覚えていなかったので調べました。 ノーマライズCSSとは normarize.cssとはブラウザ間の差異を統一調整したCSSのことです…

フィヨルドブートキャンプの課題、Sinatraを使ったメモアプリの開発はまだまだ終わらないです メモ一覧は表示できましたが作成順に並んでいないのが非常に気持ち悪い。 複数のファイルを取得して作成日時で並び替えたいなと思ったので調べてみました。 結論 …

引き続き、フィヨルドブートキャンプの課題としてSinatraを使ったメモアプリの開発に取り組んでいます。 今回の課題では作成したメモのデータの管理にDBを使わず、ファイルに読み書きしてデータを管理しなければなりません。 そこで今回は他の受講生の日報を…

フィヨルドブートキャンプの課題としてSinatraを使ったメモアプリの開発に取り組んでいます。 Sinatra のルーティングに使われる: と* の理解がいまいちすっきりしなかったのでメモ。 結論 : は名前付きパラメータ、* はワイルドカード : の値はparams['パラ…