回る男の備忘録

どこかでプログラム書いてシャニマスして野球見てTwitterやってる人間の駄文

【Rails】レコードの並べ替え

備忘録。 通常のSQLであればサクッと並べ替えできるのですがActive Recordのお作法に習ってコードを書きましょう。 設定 orderを使用します。 orderの引数に並べ替えたいカラム、昇順or降順を指定することができます。 単純じゃないか・・・

3周年Pカップを福丸小糸さんで走った無職の話

お世話になっております。無職のデブです。 シャイニーカラーズ3周年のPカップを福丸小糸さんで走りました。 反省点が多々あるものの充実したPカップ期間でした。 小糸さん・・・ 結果 小糸さん5位です。 まさかの初プラチナ! 出来る限界までやった結果がプ…

cookieとは

食べ物じゃないよ cookieとは Webサイトを訪れたユーザの情報をcookieに保持することで次回以降再訪問した際に前回のユーザであるか判別し、 ログイン可否の判定などを行うことができます。 cookieの基本機能 ブラウザにデータを保存する NameとValueで1セッ…

GETとPOSTの違い

GETとPOST、Webを触る上で必ず出てくる用語です。 違いは何なのでしょうか?名前だけでしょうか? GET 指定されたURIのリソースを呼び出すために使用するメソッドです。 GETはURLにリクエストパラメータを付与して通信を行います。 例えば、yahoo路線の検索…

クロスサイトスクリプティングとは

テキストボックスなどにHTMLタグを埋め込むことで悪意のあるスクリプトを実行させる攻撃です。 この攻撃によって訪問者の個人情報を盗むなどの被害をもたらすことになります。 対処法 入力値の制限 例えば、入力できる文字数の制限したり入力できる文字を制…

【CSS】レスポンシブデザインを簡単に実装する

現代ではもはや当たり前となっているレスポンシブデザイン。 CSSを利用することで簡単に実装することができます。 やりかた viewportを設定する head部に以下のメタタグを追加します。 <meta name=”viewport” content=”width=device-width, initial-scale=1”> @mediaを追加 CSSにメディアクエリを利用します。 @media screen and (</meta>…

HTTPステータスコードについて

ちょっと気になったのでまとめます。 HTTPステータスコードとは 通信結果をコードで表すのがHTTPステータスコードです。 HTTPステータスコードには200、500などがあります。 200 OKの意味。 リクエスト成功、通信成功を表すのが200。 HTTPステータスコード(…

SQLインジェクション、知ってますか?

エンジニアの皆さんは知ってますよね? 私はSQLインジェクション対策されていない現場で開発していました。 SQLインジェクションとは wikipediaから引用 SQLインジェクション(英: SQL Injection)とは、アプリケーションのセキュリティ上の不備を意図的に利…

【CSS】ヘッダーを固定する方法

よくWebサイトを作っているとスクロールしてもヘッダーを固定したい場合が出てくると思います。 その場合は以下のようにCSSを設定することで固定できます。 #header { position: fixed; } 上記のコードはidheaderを固定化するというコードです。 これでスク…

【CSS】画像のアスペクト比を固定する方法

やり方は非常に簡単 img { width: 100%; height: auto; } 上記はimgに対し設定しましたが自身で設定したセレクタで何も問題ないと思います。 また、width: 100%としましたが幅は自由に設定して問題ありません。 height: autoにすることでアスペクト比が固定…

【CSS】max-width、min-widthの使い道

要素の最大値、最小値を表します。 max-widthは最大値、min-widthは最小値を表します。 使い道 スマホとPCとでサイズを変更するときに有効です。 画像サイズとかスマホとPCでサイズを変えたい場合って出てくると思います。 画像のmax-widthを100%に設定、あ…

【HTML】ブロック要素とインライン要素

HTMLにはブロック要素とインライン要素というのがあります。 ブロック要素 文書を構成する要素です。 例えば、<p>、<div>とか。 段落とか文章の塊を表すものですね。 インライン要素 上記のブロック要素の中身に対するものです。 <span>とか<input>が該当します。 ブロック要素よ</span></div></p>…

【HTML】htmlでmarginでセンタリングする

センタリングするには色々な方法があると思いますがmarginを利用する方法が1つ。 margin-left: auto; margin-right: auto; これでセンタリングできます。 ただし、インライン要素には効かないので注意が必要です。

vb.netで手軽にファイルをクローズするには

using、使いましょう。 いちいちCloseと記述する必要がなく手軽ですし何より確実にクローズしてくれます。 楽な方を使いましょう。 ・・・なんでvb.netってこんなに仕様がごちゃごちゃしてるんでしょうかね

vb.netのWithステートメントについて

vb.netで戦っている皆様、With使ってますか?使ってますよね? ネットで色々と調べてみると「With使うな!」「いらんやろ」など色々と書かれています。 私も社会人になってから長くvb.netを触ってきたのでお気持ちでも。 単にブログネタ思いつかないだけです…

ネットワークの通信内容を見たい

厳格に調べることは出来ますがお手軽に。 Windowsを使っている前提で書きます。 確認方法 F12キーを押す Networkタブを開く F5キーなどでブラウザを更新する こうすることでネットワークの通信内容を確認することが出来ます。 Webで開発するような人だとこの…

【Vue】vue-konvaでlabel、tag、textの組み合わせ

<v-label>内に<v-tag>、<v-text>を記述することで実現可能。 実際のコード <v-label> <v-tag /> <v-text /> </v-label> これで実現可能です。 参考サイト https://codesandbox.io/s9j1zp</v-text></v-tag></v-label>

【Vue】nextTickについて

困ったら公式見るのが正解です。 nextTickって 公式だと以下のように書かれています。 callback を延期し、DOM の更新サイクル後に実行します。DOM 更新を待ち受けるために、いくつかのデータを変更した直後に使用してください。 ほう。 ほう。 DOMの更新後…

シャイニーカラーズ3rdライブ名古屋公演に行った話 Day2

Day2当たってたんですよね! 昼、オタクとエンカ 13時頃名古屋駅でエンカ予定でしたが偶然ひつまぶしのお店の前で遭遇。 そのまま入店。 味噌かつうめぇ・・・うめぇ・・・ その後、東京から来た別のオタクとエンカしガイシホールへ ガイシホール、大雨の巻 …

【Git】ブランチを作る

忘れたんだなこれが。 コマンドを叩く hogeというブランチを作るには以下のコマンドを叩きましょう。 git branch hoge hogeブランチが作成されているからはgit branchを叩いて確認しましょう。 hogeが作成されていると思います。 ブランチを切り替える 先程…

シャイニーカラーズ3rdライブ名古屋公演に行った話 Day1

名古屋ですよ!名古屋!ほんとは去年水樹奈々さんのライブで名古屋にいたんですよ!あ 名古屋に向かう道中のおっさん 電車を待つおっさんの図 東京駅へ スタバでバナーナを補充。デブには必要。 新幹線 あまりやる時間を確保できないのでこのあたりでちょっ…

【Unity】Rigidbodyのプロパティ

物理演算クソ雑魚なので雑にまとめたいのです。 まぁ、(公式)https://docs.unity3d.com/ja/2019.4/Manual/class-Rigidbody.html見ればいいだけの話ですけど。 Rigidbodyとは 特定のゲームオブジェクトにRigidbodyを設定することで物理演算を使用することがで…

【Unity】AddForceのオプション

メモです。Unityです。 AddForceとは AddForceとは「力を加える」という意味で、特定方向のベクトルに対し力を加えます。 力を加えることでオブジェクトを飛ばしたりできます。 ForceMode AddForceには2種類のパラメータを設定できます。 詳しくはここ参照。…

【Unity】UnityでGithubを使う

どうやらGithub for Unityなるものが存在するらしいので使いましょう。 やり方 以下のとおり パッケージをダウンロード Asset Storeからではなく左側のボタンからダウンロードしましょう。 パッケージをインポート。 これでインポートができました。 ログも…

退職しました

まあタイトルの通りなのですが、本日都内のとある会社を退職しました。 どうして退職するんですか? 働き方に疑問を抱いたからです。 私の業務形態は所謂SES。超ざっくり言えば派遣。自社で働く人間ではなく顧客先で働く形態です。 よく言われるのが案件ガチ…

【Rails】erbからVueテンプレートへ値を渡すには

以下のページのとおりです。 qiita.com APIモードで作成していないため少し特殊な実装?となっています。 以下のようにテンプレートに渡せるのは初めて理解しました。 render: h => h(HogeList, { props: $('#hoge-list').data() }) 確かにこうすることでテ…

【JavaScript】文字列の中に変数を展開する

Rubyとか.net触ってたらやり方忘れましたので備忘録です。 const hoge = "test" console.log(`hogeの中身は${hoge}です`) バッククオートの中に${hoge}といった形で変数展開が可能です。 テンプレートリテラルと呼ばれるものです。 文字列結合は時代遅れなの…

RSpecでrequest specを書く

どうやらcontroller specではなくrequest specで書くのが推奨されているらしいです。 rspec.info お作法に乗ってって書いてみましょう。 request spec生成 rails s rspec:request hoge これでrequeset specのファイルが生成されます。 ファイル確認 少し改良…

RSpecを使ってControllerのテストを行う

今までモデルのテストしかやってなかったので・・・ まずはテストファイルを作りましょう。 rails g rspec:controller home これでHomeControllerに対するテストファイルを作成できました。 そしたら以下のようにテストを書きましょう。 require 'rails_help…

Konvaを利用したときのオブジェクトの重なりについて

こんなコードがあるとします。 <v-image :config="configImage"></v-image> <v-circle :config="configCircle"></v-circle> これで画像と円のオブジェクトを生成できます。 画像を見ていただけるとわかると思いますが画像、円の順に重なっています。 重なり順を変えたいって場合が出てくると思います。 こうするのです。 <v-circle :config="configCircle"></v-circle> <v-image :config="configImage"></v-image> 上記のようにコードを書き…