Note To Self ~One Step At A Time~

Vue.js で画像の読み込みの開始および完了を検知する

Feb 26, 2019
POST

確認環境 Vue.js: v2.6.7 方法読み込み開始検知 img タグの :src に展開する URL を変数化 ※1 Vue.js 側の watch で1.の変数を監視 ※2 読み込み完了検知 img タグに以下のイベントを追加 v-on:load="メソッド名" ※3 Vue.js 側に1.で指定したメソッドを定義 ※4 実際のソース <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>画像の読み込みの開始および完了を検知する方法</title> </head> <body> <div id="app"> <img :src="url" v-on:load="load" />  </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var app = new Vue({ el: '#app', data: { url: "https://raw.githubusercontent.com/vuejs/art/master/logo.png" // ※1 }, methods: { // ※4 load: function() { console.

Rails の order by で自分を優先的に取得する(MySql 限定)

Feb 25, 2019
POST

確認環境 ruby: ruby 2.5.3 rails: rails 5.2.2 方法 Mysqlの FIELD 関数を使用する※FIELD 関数の結果で ORDER BY する例. レコードを order 昇順, user_id 昇順で並び替える場合 ※同じ順位の場合は自分を優先 order(:order, ["field(user_id , #{current_user.id}) desc"], :user_id) ※ ポイントとしては第２ソートキーの前に ORDER BY FIELD を使用することまた、ORDER BY FIELD で指定した分に対して desc を指定すること ※ desc を指定しないと自分以外が優先的に並び替えられてしまう)

Rails で階層構造になっているテーブルに自分自身への関連を設定する

Feb 21, 2019
POST

テーブル構成例 [Nodesテーブル] 最上位のノード以外は親ノードを持っている id name parent_id 1 parrent_node null 2 child_node_1 1 3 child_node_2 1 4 child_node_1_1 2 5 child_node_1_2 2 6 child_node_2_1 3 7 child_node_2_2 3 確認環境 ruby: ruby 2.5.3 rails: rails 5.2.2 実際のコード class Node < ApplicationRecord has_many :children, class_name: "Node", foreign_key: "parrent_id" belongs_to :parrent, class_name: "Node", optional: true # rails5 から default が require になっているため　`optional: true` を指定しないと `nil` での保存が不可 end class CreateNodes < ActiveRecord::Migration[5.

Visual Studio Code で Markdown PDF を使用してPDF出力する際に任意の場所で改行させる

Feb 20, 2019
POST

経緯普段、 VS Code を使用しておりちょっとしたメモや資料は Markdown を使用して作成している資料を共有をする場合に拡張機能である Markdown PDF を使用しているが、出力後のPDFで改ページが微妙な場所でされてしまったため任意の場所で改ページできないか調査した情報元 Markdown PDF の「Page Break」の項目に記載あり実際のコード # h1 ## h2 ### h3  <div class="page"/> # h1 ## h2 ### h3

Windows 環境でバッチファイルからiniファイルを読込んで値を取得する

Jun 22, 2014
POST

対応方法バッチファイルから ini ファイルを読込む場合 VBS を使用することで実現する具体的には、バッチファイルから VBS を呼び出して ini ファイルより値を取得して VBS から戻り値を受け取り、実現する取得する ini ファイルの中身 <設定値>*****************************************************'<コメント>####################################### [Path] WorkPath=C:/src/wk 'Work Folder Path 実際のコード @echo off set iniFileName=sample.ini for /f "usebackq tokens=* delims=" %%A in (`call cscript //Nologo getProfileString.vbs "%iniFileName%" Path WorkPath`) do set ret=%%A echo "%ret%" pause exit Option Explicit rem /***************************************************************** rem * getProfileString.vbs iniFileName, sectionName, entryName rem * rem * 引数 rem * iniFileName : 設定ファイル名(フルパス) rem * sectionName : セクション名 rem * entryName : エントリー名 rem * 動作 rem * 引数に指定された設定ファイルより指定した rem * 「セクション」,「エントリー」に対応する設定値を返す rem * 先頭がカンマの場合はコメント行として扱う rem * 行の途中でカンマがある場合は直前までの文字列(右空白除去)を rem * 設定値として扱う rem * 戻り値 rem * 設定値(見つからなかった場合およびエラーの場合は空を返す) rem *****************************************************************/ Dim ret Dim fs Dim readLineObj Dim searchFlg Dim buffer rem ファイルシステムアクセス用 Set fs = CreateObject( "Scripting.

Windows 環境でバッチファイルからメッセージボックスを表示して押下されたボタンによって処理を切り替える

Feb 9, 2014
POST

対応方法バッチファイルからメッセージボックスを表示する場合バッチファイル単体では実現不可のため VBS を使用して実現する ※具体的には、バッチファイルから VBS を呼び出してメッセージボックスを表示し、 VBS から戻り値を受け取り、処理を切り替える実際のコード @echo off rem メッセージボックスの表示 set msg="メッセージボックスのテスト [\n] で改行します" set title="メッセージボックステスト" for /f "usebackq tokens=* delims=" %%A in (`call cscript //Nologo msgbox.vbs %msg%"%title%"`) do set ret=%%A echo %ret% pause exit Option Explicit rem /******************************************************* rem * msgbox.vbs msg [,title] rem * rem * 引数 rem * msg :表示するメッセージ rem * title :メッセージボックスのタイトル rem * 動作 rem * メッセージボックスを表示し、クリックされたボタンに rem * 対応する数値を返す rem * msg中の「\n」という文字列は改行に変換する rem * 戻り値 rem * 0:[はい]/1:[いいえ] rem ********************************************************/ Dim args Dim arg(99) Dim value Dim cnt Dim retBtn Dim ret Dim eLevel rem 引数を変数にセット Set args = WScript.