オンエア:2017-06-18 東京FM 本人のライブの曲特集。 夏への扉とか。 聴取率週間だから、その時は必ずライブの曲の特集にしてるような話ぶりであった。 なるほどこの番組を聴く人はなんだかんだいっても山下達郎の曲を聴きたい、聴けるだろう、と思って聞い…

オンエア:2017-06-16 東京FM ユーミンの好きなブリティッシュロックの特集。 1曲目がポリスの孤独のメッセージ。 こないだのポール・マッカートニーの来日で会ってサインもらっちゃった話とか。 ポールの曲はウイングスの「死ぬのは奴らだ」。 ピンク・フロ…

うーん

忘れてたが。 こうでした。 sudo port select php php70

まあ、また、新しくMBP出たようですが、15インチはタッチバーのみで、escキーがない。 どうしたもんですかねえ。 MBP Touchbar + VIM = Nightmare? 13インチだとなあ、画面小さいんだよなあ。 APPLE MacBook Pro with Retina Display (2.7GHz Dual Core i5/1…

コンポーネントという機能があり、これは強力そうだなー、って感じではあるのですが、いざやってみるとこんな感じで。 <div id="demo1"> <input type="text" v-model="message"> <sample-component v-bind:msg="message"></sample-component> <input type="text" v-model="message2"> <sample-component v-bind:msg="message2"></sample-component> </div> // こっちが子 var SampleCompo…

画像を登録してファイルアップロードという処理だが、登録画面からファイル一個だけ登録すればいい、という話はあまりなくて、なんだかんだで複数登録したいんだがどうすればいいのかという話になる。 なのでこういうのは結局複数登録に対応していないと話に…

ついでなので、ファイルをpostするところまで追加してみる。 <div id="app"> <div> <h2>Select an image</h2> <input type="file" @change="onFileChange"> </div> <div v-if="image"> <h2>{{imgName}}</h2> <img :src="image" /> <button @click="removeImage">Remove image</button> <button @click="submitImage">Submit image</button> </div> </div>

File APIなんてものが使えるようになってたのね。 IE10以上、ならいいんじゃないかなー。 で、こちらを参考に。 codepen.io <div id="app"> <div v-if="!image"> <h2>Select an image</h2> <input type="file" @change="onFileChange"> </div> <div v-else> <img :src="image" /> <button @click="removeImage">Remove image</button> </div> </div> var app = new Vue({ …

こんな感じのmagnificPopupが組み込まれている場合、 <a class="pop-up" href="confirm.php"><img src="./close.png" alt=""/></a> $(function(){ $('.pop-up').magnificPopup({ type: 'iframe', disableOn: 200, mainClass: 'mfp-fade', removalDelay: 200, preloader: false, fixedContentPos: false }); }); confirm.php で

セレクトを生成するためのデータがこういう、 productOptions: { A: [ {text: "pen", value: "PEN"}, {text: "pencil", value: "PENCIL"} ], B:[ {text: "apple", value: "APPLE"}, {text: "pinapple", value: "PINAPPLE"} ] } オブジェクトだったらどうなる…

ajaxについてはvue.jsではaxiosというのが推奨されている、とのことです。 github.com なんでとりえあず、html側にaxios追加。 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <div id="app"> <select v-model="category"> <option value="">--選択してください--</option> <option v-for="option in catOptions" v-bind:value="option.value"> {{ optio…</option></select></div>

svgっていう形式の画像があるんですね。 画像なんだけどエディターで開いてみるとテキストなんですよ。 そういうファイルがあって、最近それを初めて使ったんですけど、いざこれをサーバーにアップしたら表示 されない訳です。 どうしたものかと思ったら、ht…

で、引き続き、一つ目のセレクトを選ぶとそれに応じて二つ目のセレクトが生成される、というのに挑戦。 html側。 <div id="app"> <select v-model="category" v-on:change="resetSelect"> <option value="">--選択してください--</option> <option v-for="option in catOptions" v-bind:value="option.value"> {{ option.text }} </option> </select> <span>first Selected: {{ categor…</span></div>

検索するとバージョン0.11の頃の書き方がヒットして混乱するが、v2では var app = new Vue({ el: '#app', data: { selected: 'B', options: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' }, { text: 'Three', value: 'C' } ] } } と書く。HTML…

参考： https://stackoverflow.com/questions/38744932/how-to-call-multiple-function-with-v-onclick <input v-on:change="calcAmount, calcSum"> というように書けるのかなと思ったが、だめらしい。 <input v-on:change="calcBoth"> としておいて、 methods: { calcBoth: function () { this.calcAmount(); this.calcSum(); } } と…

<div id="app"> <p>{{text}}</p> </div> ファイル名 app.jsとして以下の内容。 var Vue = require("vue"); var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 基本的にはこれだけのソースでとりあえず動作確認ができるのだけど、webpackとか使うのでいろいろ障害があ…

app/Config 以下に const.php というファイル名でファイルを作成する。 そこで定数を定義する。

TypeScript実践プログラミング Programmer's SELECTION作者: スティーブ・フェントン出版社/メーカー: 翔泳社発売日: 2015/02/04メディア: Kindle版この商品を含むブログを見る amazonのレビューにはやや古いと書かれている。 はじめてのTypeScript2 (I・O B…

nodeのバージョンが古いらしくて以下のように怒られたので。 You are running version 6.8.0 of Node, which will not be supported in future versions of the CLI. The official Node version that will be supported is 6.9 and greater. はてどうだった…

これまじで格好よくて最高です。 まずこちらから git clone します。 github.com git clone https://github.com/mzyy94/jekyll-kieta-theme.git MySite で、 cd MySite/ bundle install してから、README.md に書いてある内容を _config.yml にして保存。 vi…

説明が英語なので骨が折れるが、まずは以下のページのとおりに開発環境を構築する。 Getting Started: Setting up で、上記URLのかなり下の方にあるとおり、consoleコマンドでプラグインのひな形を作成する。 ./console generate:plugin --name="MyPlugin" …