2018-02-01から1ヶ月間の記事一覧

【Vue.js】axiosを使って取得したデータをバインドして描画する

github.com axiosをCDNで読み込んでおく。 v-on ディレクティブを使ってクリックイベントをハンドリングする。 省略記法を使っているので @click となっている。 また v-for ディレクティブを使って取得したデータを描画できるようにしておく。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head></html>…

【Vue.js】 v-forディレクティブを使っていたらエラーが出た

v-for を使ってたら何やらエラーが出た。 error: Custom elements in iteration require 'v-bind:key' directives ... ... component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info. エラ…

常に画面最下部に要素を固定するCSS

CSS

position: fixed; と bottom: 0; を使えばOK。 #footer { position: fixed; bottom: 0; width: 100%; } codepen.io

【Vue.js】マスタッシュ構文が使えないHTML属性の内部でデータバインディングを行うには

Vue.jsでの最も基本的なデータバインディングの形は二重中括弧 {{}} を利用したテキスト展開である。 これはマスタッシュ(Mustache)構文と呼ばれる。 <p>{{ msg }}</p> だがこれは、HTML属性内部で使用することができない。 <img src="{{ src }}"> <a href="{{ url }}"></a> なので、この場合は v-bind ディレ…

【Vue.js】ボタンを押して表示を切り替える

<html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> </head> <body> <div id="app"> <button v-on:click="toggleMood"> <i class="material-icons" style="font-size: 48px;">{{ icon }}</i> <…</button></div></body></html>

「革命のファンファーレ 現代のお金と広告」を読んだ

革命のファンファーレ 現代のお金と広告 (幻冬舎単行本)作者: 西野亮廣出版社/メーカー: 幻冬舎発売日: 2017/10/04メディア: Kindle版この商品を含むブログを見る 今更ながらに読んだ。 えらい評価が高いなーとか、実際に周りの読んでる人は良い本だっていう…

Fukuoka.php Vol.25 に行ってきた

PHP

行ってきた。 fukuokaphp.connpass.com 勉強会参加したの、かなり久しぶりだと思う。 PHPだけじゃなくて、サーバーレスな話やGolangな話もあってためになったし楽しかった。 でもやっぱり勉強会は発表する側にまわらないとなーと思う。 福岡でもコミュニティ…

SymfonyでSendGridを使ってメールを送信する

書くまでもないくらい、ドキュメントどおりにやればめちゃ簡単にできる。 symfony.com まずはインストール。 $ composer require mailer .env の設定を以下のように変更。 MAILER_URL=smtp://smtp.sendgrid.net:587?encryption=tls&username=&password= SMTP…

Alpine LinuxベースでDockerイメージを作るときのapkのコマンドめも

Alpine LinuxベースでDockerイメージを作るとき、 apk add でパッケージインストールする前に apk update しないといけない。 # apk update # apk add vim が、これは次のように一行で書ける。 # apk --update add vim ただ、これは /var/cache/apk/ にキャ…

Alpine LinuxをDockerで使うときのメモ

Alpine Linux。 あるぱいんりなっくす。 軽量なのでDockerに最適!って言われているアレ。 Alpineのシェルはash。 bashじゃないので注意。 コンテナ起動後にコンテナ内で色々やりたいときは以下のようにする。 $ docker run -it --rm alpine ash Alpineのパ…

CodePen埋め込みテスト

テスト。 やっぱりちょっと読み込みに時間かかる。 See the Pen css-animation-001 by Tomoka Baba (@TomckySan) on CodePen. CSSアニメーションややこしいわ。。 あと、アニメーションのタイミング、ずれるな。。

【PHP】三項演算子とエルビス演算子とNull合体演算子

PHP

エルビス演算子とNull合体演算子がたまにごちゃっとなるので。 三項演算子はついで。 三項演算子。

MySQLでCONCATを使わずに||で文字列結合できるか

結論から言うと、できる。 ただしデフォルトではできない。はず。 || で文字列結合するにはSQLモードの設定を行う必要がある。 手っ取り早く試したいなら以下のSQLコマンドを叩く。 SET @@session.sql_mode='PIPES_AS_CONCAT'; これでセッション内でのみ || …

MySQLでカラムを結合して検索する。あとDoctrineのQueryBuilderでの書き方。

id last_name first_name 1 田中 太郎 2 山田 花子 3 鈴木 一郎 氏名を別々のカラムにしているときに、それらを結合して検索したい(例えば 山田花子 とかで検索したい)とき。 SELECT * FROM user WHERE CONCAT(last_name, first_name) like "山田花子"; は…

Emmet-vimのHTML5テンプレート展開部分をカスタマイズする

Vim

github.com Emmet-vimはVimでEmmetを使うためのプラグイン。 ! を入力して C-y , とするとHTML5のテンプレートを展開できるのだけど、これをカスタマイズしたいときのやり方。 .vimrc に以下のように追記すればいい。 'html': {...} の部分がHTML5のテンプレ…

Doctrine QueryBuilder の join の書き方めも(WITHなし・あり)

product テーブル id category_id name category テーブル id name createQueryBuilder() ->select('p') ->from('AppBundle:Product', 'p') ->join('p.category', 'c') ->where('c.name = :name') ->setParameter('name', $name) ->orderBy('p.id', 'DESC') …

WordPressのサイトURLを変更したいってときDBのURL含んでるデータ一括置換やるよね

WordPressで本番環境からローカルの開発環境(あるいは逆)へ移行したり、サイトの引っ越しだったり、常時SSL化にともなってhttpからhttpsでアクセスできるようにしたり、というのでDB内のデータに含まれるURLを一括置換かけたくなるときは結構ある。 一括置…

Skypeつながらない。。

Mac

めちゃ久しぶりにSkypeで通話を試みると、勝手に通話が切れて繋がらない。。 どうやら通信が遮断されてるっぽくて、案の定、ESET(セキュリティソフト)のファイアウォールで弾かれてた。 ポート開けてやらねば、、、 Skype for Windows Desktopを使用するに…

git merge には dry run がないけど dry run っぽいことがしたい

Git

--no-commit と --no-ff を使って dry run っぽいことを実現する。 $ git merge --no-commit --no-ff develop 単純に git merge だけだとコミットまでされてしまうので --no-commit をつける。 あと fast-forward でマージされないように --no-ff をつける。…

git merge 時にどちらかのブランチを優先してコンフリクトを解消したい

Git

ファイル単位で指定したい場合は checkout --ours か checkout --theirs を使う。 現在チェックアウトしているブランチを優先する場合は --ours 。 $ git checkout --ours hello.php マージするブランチの変更を優先する場合は --theirs 。 $ git checkout -…

Twigのforまとめ

Twigでループ処理を書きたいときに使う for は結構いろんな書き方ができるのでまとめとく。 とは言っても、ドキュメント見れば全部載ってるけども。 連続した値を扱いたいとき https://twig.symfony.com/doc/2.x/tags/for.html#for .. 演算子を使うと便利。 …

ディスク使用量を確認するコマンド

ディスク容量のアラートが出たときに。 まず最初にやってみよう的な df -h 。 # df -h さらにディレクトリ別に使用量を確認したいときは du 。 # du -h -s /* | sort -nr # du -s /var/* | sort -nr sort を使って使用量の降順で並べ替えてやるとわかりやす…

Chef ClientだけでNginxをインストールして起動するまでの最小限の流れ

AWS

Chef DKのインストールはしない。 当然 chef generate や knife cookbook create も使わない。 Chef ClientだけでNginxをインストールして起動までやる。 Chef Downloads 今回はAmazon Linux 2のEC2インスタンスを用意した。 まずはChef Clientのインストー…

小さなアウトプット、継続中。

1日1回のペースでブログを投稿し続けて1ヶ月が過ぎた。 まぁ、記事自体は短かくて内容も薄めのものばかりだが、それでも継続できていること自体は良いことなのではと自分では思っている。 まだ1ヶ月程度ではあるが、ブログ継続してて良いなと感じてる点は、…

人工知能で配色パターンを生成するツール「ColorMind」を使ってみた

colormind.io 配色パターンを考える機会があって、なんか良いツールないかなと思って探してたら見つけた。 こんなのあるんだ、って感じで、このツールの存在を知らなかったんだけど、「ColorMind」でググってみたらめっちゃ記事出てきて、うわめっちゃ今更感…

CSVの値にJSON文字列を含ませるには

CSVの値にJSON文字列を含みたい。 その場合、JSON文字列に含まれるダブルクォーテーション " やカンマ , はどうしたら良いか。 codezine.jp 以下引用。 もしこれらが値に含まれる場合は、以下のルールを守ります。 値をダブルクォートで囲むこと。 値内のダ…

TwigでJSONデコードしたい

Extending Twig - Documentation - Twig - The flexible, fast, and secure PHP template engine Twigを拡張して json_decode というフィルターを作ってあげる。

【Twig】対象の文字列が特定の文字列を含んでいるかどうかを判定する

in 演算子を使う。 Twig for Template Designers - Documentation - Twig - The flexible, fast, and secure PHP template engine {# returns true #} {{ 1 in [1, 2, 3] }} {{ 'cd' in 'abcde' }} 見ての通り in 演算子は配列でも文字列でも使うことができ…