Vue.js:フォーカスの当たっている要素のIDを取得する

こんな感じでいけます: created: function() { // ブラウザ以外で実行の場合、documentが無いと怒られるための確認 if(typeof window !== 'undefined') { // フォーカスが変わったらfocusChanged関数を呼ぶ document.addEventListener('focusin', this.focu…

Vue.js:配列の中のオブジェクトの値をリアクティブに変更

こんな感じにVue.setを用います: <div id='app'> <ul> <li v-for="artist in artists">{{artists.firstname}} {{artists.lastname}} {{artists.age}}</li> </ul> <form> <input type="button" value="年齢を5際、若くする" v-on:click="reduceAge"/> </form> </div> var app = new Vue({ el: '#app', data: { artists: [ { lastname: 'セザンヌ', fi…

AWS:AMIで利用してないスナップショットを探して削除する

自分が所有するAMIの一覧を取得 aws ec2 describe-images --owners self | jq '.Images[] | {ImageId}' | jq '.[]'| sed 's/"//g' 自分が所有するAMIのスナップショットIDの取得 aws ec2 describe-images --owners self | jq '.Images[]["BlockDeviceMapping…

AWS:parse error: Invalid numeric literal at

jqを使って、describe-imagesの出力をパースしようとしてもエラーばかり・・ 理由は.aws/configにoutput=textと書いてあったためでした…削除したら直ったw

Vue.js:computedに引数を渡せない

速習vue.jsという本を読んでいて、以下のサンプルコードが出てきました: お題 <html lang="ja"> <body> <div id="app"> <form> <label for="name">メールアドレス:</label> <textarea v-bind:value="emails.join(';')" v-on:input="emails = $events.target.value.split(';')"></textarea> <ul> <li v-for:"email in emails">{{ email }}</li> </ul></form></div></body></html>

フリーランスじゃないけど孤独がつらい

6月から会社員になりました。が、100%自宅勤務です。 会社の人と会話するのは週に1回のSkype MTG。 奥さんが働き出したので昼間は、話す相手が待ったくいません。 よって寂しい。 今日、自転車やさんでタイヤ交換の話で盛り上がって心が満たされました。 こ…

SVN:特定のファイルだけをignoreする

svn

仮に、/var/www/htmlにhoge.txtというファイルがあり、svnで管理したくないとします。 現時点でsvn statusとすると、 ? hoge と表示されるとします。 この?を消すには次のようにします: cd /var/www/html svn propedit svn:ignore . もし svn: E205007: 環…

Git:リモートにのみあるブランチをローカルに持ってくる

git

ローカルに、masterだけがあるとします。 リモートにはhogeというブランチがあるとします。 単純にcheckoutを試みると次のエラーがでます: git checkout hoge error: pathspec 'stripe' did not match any file(s) known to git. hogeをローカルに持ってく…

SSL:FujiSSLをSSLストアで購入し、CentOS7のApache2.4に設定する

mod_sslのインストール yum -y install mod_ssl CSRの生成 秘密鍵作成に必要な疑似乱数の生成 sudo bash mkdir /etc/httpd/ssl cd /bin ./openssl md5 * > /etc/httpd/ssl/rand.dat 秘密鍵の作成 ここで入力するパスフレースはどこかにメモしておきます: ./…

CakePHP3/ImageMagic:画像のオリエンテーション(向き)を正しくする

EXIFにオリエンテーション(回転)が設定されている画像をアップロードすると、Chromeはそのオリエンテーションを尊重して表示します。 これを回避するためにこんなコンポーネントを作りました: class FixOrientationComponent extends Component { public …

ImageMagick:画像の周りにパディングをつけてセンタリングする

シェルを叩く場合 convert original.jpg -gravity center -background white -extent 1024x768 padded.jpg なお、-gravity centerの場所をこのようにするとうまくいきません: convert original.jpg -background white -extent 1024x768 -gravity center pad…

インチダウン

私は初代IS250のversion Sに乗っているのですが、乗り心地の悪さとロードノイズの多さに悩んできました。 今回、タイヤが寿命に近いためインチダウンを行いました。 インチダウン前のタイヤはブリジストンのレグノGR-XT。サイズは前が225/40R18、後ろが255/4…

CakePHP3:テンプレートで必要なjavascriptをレイアウトで読み込んだjavascriptの後に読み込ませる

jQuery等のライブラリをレイアウトファイルで読み込ませ、その他のJavaScriptファイルはテンプレート側で必要に応じて読み込む方法をどうやったらよいか、 前から悩んでいたのですが、以下、動く方法が1つ見つかりました。 レイアウトファイルの一部 append(…

CakePHP3:ルート以外のコントローラが全て404

結構ハマりました。結論からいうと、AllowOverrideの設定をhttpd.confで正しく設定しているか確認してください。

jQuery:フォームを送信する前に中身を操作する

<form id='create_order'> <input name='firstname'> </form> というフォームをajaxでPOSTしたい、だけど、firstnameを差し替えたいとします: function submitOrder() { var data = $("#create_order").serializeArray(); data.forEach(function (item) { if(item.name === 'firstname') { item.value = 'thebaker';…

Outlook:SSL/TLS/STARTTLSの謎

Outlook.comとOffice 365ブラウザ版のOutlookには、IMAPの通信経路の暗号化の選択肢として次の3つがあります: なし SSL TLS SSLだと993番に接続できますが143番はNGです。 TLSだと143番に接続できますが993番はNGです。 おそらく、ここでいうSSLは「SSL/TLS…

試乗:インプレッサG4 2.0i-S

先日カローラスポーツを試乗したので、比較対象としてインプレッサG4を試乗してきました。 内装 地味ですが頑張っています。ドアの内側のドアノブがちゃんとメッキになっている。 (新型クラウンのRS Advanceはプラにメタル調の塗装なんですよ) 室内 広いで…

MySQL/MariaDB:AUTO_INCREMENTが減る場合

MySQL8より過去のバージョン、および、MariaDB10.2.4より前のバージョンでは再起動の結果、AUTO_INCREMENTの値が減ることがあります。 再起動後、SELECT MAX(id) FROM テーブル名で取得した値を使ってAUTO_INCREMENTを設定しているようです。

試乗:カローラスポーツ(ガソリン車のGグレード)

メディアでのレビューが良いので気になってカローラ店に見に行ってきました。 この車、先代のオーリス時代はネッツとトヨペットでの扱いだったのに 今回からはカローラ店専売だそうです。 さて、内装ですが意外によかったです。新型クラウンの半額なのにまあ…

Apache 2.4:特定のIPからのアクセスはBasic認証を不要とする

<Location /> <RequireAny> AuthType Basic AuthName "Protected" AuthUserFile /etc/httpd/conf/.htpasswd Require valid-user Require ip xxx.xxx.xxx.xxx </RequireAny> </Location>

ハワイでの海外旅行保険(キャッシュレス対応の提携医療機関)

5月に、カカアコで日本人旅行者が公衆トイレで襲われたという気の毒な時間がありました。 その際の治療費が応急処置だけで700万円超… 私は毎回、海外旅行保険に入っているので安心だと思っていたのですが、 キャッシュレスサービスに非対応の病院だと困りま…

PayPal:User authentication failed

ちょっとハマりました。Bashでセキュアトークンは取得できるけど、同じ情報をPHPから投げると表題のエラーになる。 原因はパスワードに記号が入っているためでした(私の場合は$)

PayPal:Secure Tokenの入手

用語的に紛らわしいのが1点あって、セキュアトークンはPayPalに発行してもらうもの。 セキュアトークンIDは自分がランダムで生成してPayPal側に渡すものです。 参考URL: PayPal Payments Advanced: Getting Started with Hosted Pages - PayPal Developer #!…

Apache 2.4: アクセス拒否が効かない

Require all denied と書いても効かない場合、 <RequireAll> Require all denied </RequireAll> と書いてみてください。を省略した場合、とみなされて、 他の部分(例えば、BASIC認証のrequire valid-user)で満たされてしまうようです。

setlocale: LC_CTYPE: cannot change locale (UTF-8): No such file or directory

表題のエラーが出て不思議に思っていました。 何もしてないのに、なぜ、突然、このメッセージが出てくるのだろう・・・ 私の場合はMacの言語設定を日本語から英語に変更したことが原因でした。 対策は言語設定で日本語に戻すだけです。 日本語の状態でローカ…

WordPress:イメージマップのレスポンシブ対応

rwdImageMapsを使えばいい!とわかっていたのですが、実際に組み込んでみるとエラー… 動かない例1 jQuery(document).ready(function(e){ jQuery('img[usemap]').rwdImageMaps(); }); これはUncaught TypeError: jQuery(...).rwdImageMaps is not a function…

スキャナとの通信中にエラーが起きました。(-9923)

mac

先日、キヤノンのTS3130という複合機を購入しました。印刷もスキャナも高速で助かります。しかも9000円弱… こいつはヘッドとインクが一体型になっているので、インクを交換すればヘッドが新品になります。昔使っていたHPと一緒です。 さて、Macにつなげてみ…

Perl:DateTime

use DateTime; my $time = DateTime->now(); $time->set_time_zone('Asia/Tokyo'); my $today = $time->strftime('%Y%m%d'); my $now = $time->strftime('%H:%M');

Perl:WWW::Mechanize::Timedをインストールする

めっちゃハマりました。 以下のスクリプトを実行してください: #!/usr/bin/perl use strict; use warnings; use CPAN; CPAN::Shell->install( "Tree::DAG_Node", "Test::Warn", "WWW::RobotRules", "HTTP::Cookies", "Net::FTP", "Net::HTTP", "Digest::bas…

CentOS7:時刻を変更する

テストのために時刻を変更することってあると思います。 以下、やり方です。まず、ntpを無効にします: timedatectl set-ntp 0 そして時刻を変更します timedatectl set-time '2018-05-21 23:00:01' 終わったらntpを復活させ: timedatectl set-ntp 1 chrony…