before_actionとは? before_actionを使うことでコントローラのアクションが実行される前に別のメソッドを実行できる。 before_action :hoge def index ... end def hoge ... endこのようなコードがあったとき、indexアクションが実行される前に先にhogeが実…
エラーの内容は以下のようなものだ /usr/local/bundle/gems/activesupport-5.2.6.2/lib/active_support/messages/metadata.rb:17:in `wrap': wrong number of arguments (given 2, expected 1) (ArgumentError) from /usr/local/bundle/gems/activesupport-5…
最初に参考記事 React.jsでループするには。 - QiitaReactノードの中でfor文を使うことは出来ない。ではどうすればいいのか。事前にfor文でノードを作っておき、それを実際に返すノードに変数として入れるというのが一般的な書き方らしい。 render: function…
二次元配列 [[1,2,3],[4,5,6]]こういう型を扱いたい。 type hoge = { fuga: number[][] } const channichi: hoge = (fuga) => { } <|| こんなふうにかけるらしい。 [https://asterisks.netlify.app/2016/02/02/ts-types/:title] * 連想配列 >|| {"hoge": "fu…
マルチCPUアーキテクチャサポートとは? 1. buildxコマンドが使えるか確認 2. 新しいbuilderを作る。 4. Dockerfileの作成 5. DockerHubへpush マルチCPUアーキテクチャサポートとは? Dockerがイメージを使用するときに、そのCPUのアーキテクチャによってイ…
はじめにusconsort.com 今回はこの記事を参考に、自分なりに改造しながら作って行きました。 Dockerを勉強しているとわからない単語やプロパティがたくさん出てきますが、横着せずに全部理解しながら進めましょう。 1. ファイル構成 2. docker-compose.ymlの…
今回の流れchanichiwasshoi.hateblo.jpこの記事で作ったRails+Postgreを管理するDockerをさくらのVPSに移植したい! 具体的にはローカルでDockerアプリを作ってgithubに公開。その後VPSでgithubからpullしてきてdockerを立ち上げる。これで完璧のぺきちゃん…
Quickstart: Compose and Rails | Docker Documentation今回はこちらのチュートリアルをやっていきます。備忘録として書いていますので読みにくいところには目を瞑ってください。1. Dockerfileの作成お好きな名前のフォルダを作成し、その中にDockerfileとい…
はじめにみなさんこんにちは。昨日12時間寝てしまい頭が痛くて後悔しているchanichiです。 私は最近Webアプリ開発の勉強をしていてそろそろ自分で何か作ってみたいなーと思ってるんですけど、せっかくならサーバー開発やってみようということでさくらVPSを使…
原因 ネコでもわかる!さくらのVPS講座 ~第二回「サーバーをさわってみよう!」 | さくらのナレッジ 上の記事の通りに進めていたのになぜか上手く行かない。あれこれいろんな記事を試したのに上手く行かない。 原因は管理用ユーザー名にあった。どうやらイ…
React.forwardRefってなんだろうって公式ドキュメントを見てみると、なんかいまいちわからなかったので解説しちゃうよ。 ref のフォワーディング – React そもそもRefって何? RefというのはDOMの要素を取得するためのプロパティです。ちょっと何言ってるか…
今回はJavaScriptにおけるDOM操作の概念であるパブリングについて解説します。パブリングとはWeb画面でイベントが起こった時に起こる処理パターンの一つです。 具体的に説明します。 例えば、div要素の中にbottun要素が入っているとします。二つの要素はそれ…
unShiftは配列操作をすることができる組み込み関数で、配列の先頭に新しい配列を展開して挿入することができます。 let hoge = ['h', 'o', 'g', 'e']; hoge.unshift('a'); console.log(hoge); // ["a", "h", "o", "g", "e"]
HTTP304とは、データが更新されていないということを表すステータスコードです。 このレスポンスが帰ってくるとブラウザはキャッシュからデータを取ってきて表示します。 サーバからデータをダウンロードする処理が発生しないので高速に動作します。 HTTP304…
TypeScriptでコードを書いているときに以下のようなコードに出会いました。 function foo(bar?: string) {}なんだこの?は ググってみるとどうやらオプション引数と言うものらしいです。あってもなくてもいい変数だと。なんか適当だな。オプション引数 (optio…
アプリ開発の勉強をしてる時にflex-growとflex-shrinkという見たことないCSSプロパティを見かけたので紹介します。 flex-grow flex-growを指定すると、flexで指定した子要素を配置して余白ができてしまった時に、その余白を要素を拡大することで埋めることが…