まあタイトルの通りなのですが、本日都内のとある会社を退職しました。 どうして退職するんですか？ 働き方に疑問を抱いたからです。 私の業務形態は所謂SES。超ざっくり言えば派遣。自社で働く人間ではなく顧客先で働く形態です。 よく言われるのが案件ガチ…
以下のページのとおりです。 qiita.com APIモードで作成していないため少し特殊な実装？となっています。 以下のようにテンプレートに渡せるのは初めて理解しました。 render: h => h(HogeList, { props: $('#hoge-list').data() }) 確かにこうすることでテ…
Rubyとか.net触ってたらやり方忘れましたので備忘録です。 const hoge = "test" console.log(`hogeの中身は${hoge}です`) バッククオートの中に${hoge}といった形で変数展開が可能です。 テンプレートリテラルと呼ばれるものです。 文字列結合は時代遅れなの…
どうやらcontroller specではなくrequest specで書くのが推奨されているらしいです。 rspec.info お作法に乗ってって書いてみましょう。 request spec生成 rails s rspec:request hoge これでrequeset specのファイルが生成されます。 ファイル確認 少し改良…
今までモデルのテストしかやってなかったので・・・ まずはテストファイルを作りましょう。 rails g rspec:controller home これでHomeControllerに対するテストファイルを作成できました。 そしたら以下のようにテストを書きましょう。 require 'rails_help…
こんなコードがあるとします。 <v-image :config="configImage"></v-image> <v-circle :config="configCircle"></v-circle> これで画像と円のオブジェクトを生成できます。 画像を見ていただけるとわかると思いますが画像、円の順に重なっています。 重なり順を変えたいって場合が出てくると思います。 こうするのです。 <v-circle :config="configCircle"></v-circle> <v-image :config="configImage"></v-image> 上記のようにコードを書き…
ど忘れしたから備忘録として。Konva使うのに動作確認している段階なのです。 環境はRails+Webpack導入してる前提です。 やり方 this.hoge.src = require('../assets/images/hogehoge.jpg') requireすればいけるんですね・・・
間違えてPushしちゃった・・・どうしよう・・・ やり方 ブランチ名に+をつけるだけです。 こうやるのです git push -u リポジトリ +ブランチ これで直前のコミットを強制上書きしてプッシュします
どうすりゃいいんだ・・・ 経緯 canvas導入するのにKonvaを導入したら目的の要件を満たせそうだったので導入を決意。 いざ既存Railsプロジェクトに突っ込んだらエラー発生した調査中… どんなエラー？ [Vue warn]: Error in mounted hook: "TypeError: Cannot…
シャニマス？そんなもの…うぅ…うぅ… さて！ テーブルにカラム追加したいなぁ…どうやるんだろ… やり方 以下のようなコマンドを叩きましょう。 rails g migration AddHogeToFuga name:string rails g migrationでマイグレーションファイルを作成します。 続い…
時は令和、2021年3月21日。この日はロックマンエグゼ20周年…ではなく、THE IDOLM@STER SHINY COLORS 2ndLIVE STEP INTO THE SUNSET SKY Day2です。2日目ですよ！2日目！ 残念ながら現地のチケットは確保出来なかったので配信ですよ！配信！ セットリスト Amb…
2021年3月21日、幕張展示ホールにてTHE IDOLM@STER SHINY COLORS 2ndLIVE STEP INTO THE SUNSET SKYが開催されました。 シャニマスの2ndライブです。奇跡的に初日のチケットを確保できたのでその感想でも。 開演前まで オタクくん達とエンカ、色々とお話して…
limitを指定あげればOK。通常のSQLと同じ感じですね。 例えば Hoge.order(uploaded_at: :desc).limit(5) にすれば、Hogeをuploaded_atの降順にし、上位5件を取得するといった意味になる。 実行されるSQLは以下のとおり。 SELECT "hoge".* FROM "hoge" ORDER …
こうするのじゃ <v-stage ref="stage" :config="configKonva" style="border: 1px solid;"> <v-layer ref="layer"> <v-image :config="configImage"></v-image> <v-circle :config="configCircle"></v-circle> </v-layer> </v-stage> <script> export default { name: 'HelloWorld', props: { msg: String }, data() { return { co…
候補 Fabric.js const canvas = new fabric.Canvas('canvas'); canvas.add( new fabric.Rect({ width: 100, height: 200, left: 100, top: 100, fill: 'red' }) ); こうするとオブジェクトをドラッグして移動できる。 Konva.js const box = new Konva.Rect({…
作ってるアプリでCanvasが必要になりそうなのでこの機会に覚えましょう。 Canvasとは HTML5で用意されている図形などをお手軽に描けると言われてる要素です。 主に実装はJavaScriptを使用します。 使用準備 まずはHTMLにてCanvasの宣言をします。 <canvas id="canvas" width="600" height="400"></canvas> サイズは…
とあるコンテナが終了できない。以下のエラーが発生。 An HTTP request took too long to complete. Retry with --verbose to obtain debug information. どうやらDocker for Macを使用していると起きることがあるらしい。 対処法 Docker for Macそのものを…
コミットメッセージを間違えるのはよくあることこと。 大体コミットした直後に気づくので直前のコミットメッセージを変更しましょう。 やり方 --amendを利用します。 具体的には以下のように使います。 git commit --amend -m "修正メッセージ" これで直前に…
私の友人が未経験からWebエンジニア（フロントエンド）を目指すというのでWindows端末にReactの環境を構築させました。 多少トラブったんで備忘録。 ちなみに参考にしたサイトは以下です。素晴らしい。 qiita.com Node.jsを入れる Node.jsがないと話になりま…
こんにちは。<input type="file">のレイアウトを変更します。 変更前 なんの変哲もありませんね これを変えます 変更後 デザインが大したことないのは置いておいて、こういった形でデザインを変えることができます。 やり方 そこまで大したことはやりません。 input type="file"…
タイトルの通りです。完全な備忘録。今まで忘れてた。 更新する対象は1件だけとします。 やり方 まず、更新対象データを引っ張ります hoge = Hoge.find_by(id: hogehoge) こんな感じで対象を取得。 次に更新する項目にデータを設定。 hoge.fuga = "test" hog…
そこまで大した話ではないのですが 経緯 RailsプロジェクトにVueを導入 Vueを画面の一部分に導入 Vueを導入した画面に遷移するとVueのレンダリングがされない Vueを導入した画面にてリロードを行うことでVueがレンダリングされる こんな感じです。 原因 Turb…
以前Vueを導入して画像プレビューを導入した話をしました。 そのときはプレビューできて満足したのですが、肝心のアップロードが出来ない！どうしようと・・・ 対処 こう書いたらうまくいった。ヨシ！ <%= form.file_field "illust", "v-on:change": "upload…
タイトルの通りです 手順 webpackerを導入する Gemfileに以下を追加 gem 'webpacker' そしてbundle installをします。 yarnを導入する webpackerを導入するにはyarnがインストールされていることが前提条件らしいのでyarnを導入します。 Vueを導入する 以下…
画像アップロード機能を導入するときにプレビューできると便利じゃないですか。 JavaScript弄る必要があったのですが、慣れたVueで実装することにしました。 なお、この記事の段階ではRailsのプロジェクトに対して適当に導入しているので、ある程度実装でき…
非常に単純に実装できます。 実装方法 単純にパスの指定を/から始めるだけです。 image_tag "/hogehoge/fuga.jpg" みたいな感じでいけます。 Laravelだったらシンボリックリンクが必要だったような気がしたので、その点楽ですね。 ところで、image_tagヘルパ…
git commit よく使うから色々と知りたいのです。 commitとはなんや ステージングに追加している変更をローカルリポジトリへ記録や保存を行うコマンドです。 commitのオプション 再びITmedia様の記事を参考にしています。 ITmedia様のページの方がしっかりま…
今まで漠然と使ってきたgit add オプションを理解したいからまとめるだけです addはなんや 変更したファイルをステージングに追加するコマンドです。 ステージングはファイルをコミットできる場所って覚えてもらえればいいですかね。 詳しいことは各自調べま…
Railsで画像アップロードするときにディレクトリ有無を確認したかったので導入 File.directory?(確認したいディレクトリパス) これでアップロード先のディレクトリ有無を確認できました。 また、ディレクトリが存在しない場合、ディレクトリを作成するように…
Railsで画像アップロード機能を作成するときにどんな方法があるかな？と調べたら、Rubyの機能で保存できそうです。 方法 File.binwrite("保存したい画像のパス", "アップロードした画像ファイル".read) 保存した画像のパスは、ファイル名を付与した状態で設…
