無職です。はたらいてます。 旧ブログ: 1 Entry per Day

2019-01-01から1年間の記事一覧

真似しちゃいけないdeployステップの使い方

これはCircleCI Advent Calendar 2019の8日目の記事です。 qiita.com こんにちは、CircleCI大プッシュしてたらCircleCIの回し者だと思われた@mstsskです。 今回はdeployステップの変な使い方を思いついたので紹介します。 ただし、真似しちゃいけません。 de…

width属性の詳細度は要素セレクタよりも低い

img要素などいくつかのHTML要素では width と height を属性で書いてもよい。 <img width="100px" src="foobar"> しかし、このwidth属性に対してCSSでもwidth指定をしていたら、どちらが優先されるのか。 <img width="100px"> と <img style="width:100px;"> は挙動が違うというのはわかって入るが、具体的にどうなんだろうと思って調べてみ…

CircleCIの実行時間を3分の2くらいにした、というLTをした

CircleCIのLT会で、会社のCIをどうやって早くしたのかというLTをしてきました。 一人で全部やったわけじゃありませんが、なかなか早くなって満足している一方、もう少し余地がありそうだなとか思ってます。 増枠: CircleCI ユーザーコミュニティミートアップ…

FACTFULNESSを読んだ雑感想

FACTFULNESS(ファクトフルネス) 10の思い込みを乗り越え、データを基に世界を正しく見る習慣作者: ハンス・ロスリング,オーラ・ロスリング,アンナ・ロスリング・ロンランド,上杉周作,関美和出版社/メーカー: 日経BP発売日: 2019/01/11メディア: 単行本この商…

C96戦利品

C96に行って技術書漁ってきました。 Hello world カルタ いろいろなプログラミング言語のHello worldでカルタするやつ。マストバイ。 helloworldkaruta.mystrikingly.com 妄想実行報告書 サークル妄想実行部隊さんのごった煮本。 Vue,Vuexアンチパターンとか…

GitHubリポジトリをAWS CodeBuildでビルドするためBotアカウントで連携したらハマった

GitHubリポジトリをAWS CodeBuildでビルドするためBotアカウントで連携したらハマってしまった。 TL;DR GitHubアカウントに対象のリポジトリの管理権限がないとWebhook設定をできないのでエラーになる 以下、凡ミスを自戒のために書き残します。 GitHubリポ…

Safariでinput要素にbackground:none;を指定しつつcolorで一定より薄い文字色を指定すると完全に文字が消える

雑なメモ Safari 12で再現。PCもモバイルも。 Safariでinput要素にbackground:none;を指定しつつcolorで一定より薄い文字色を指定すると完全に文字が消えるという現象に遭遇した。例えば input:disabled{color:#ccc;background:none;} で文字が消える。https…

SPAでvideo要素とsource要素を組み合わせるときに気をつけること

video要素を使うときにsource要素を使って動画リソースを指定する場合、source要素の生成タイミングに気を使う必要があります。 例えば、Vue.js で動画リソースのvideoUrl という変数をHTMLテンプレートにバインディングなら下のHTMLように書きます。 <video> <source :src="videoUrl" > </video> こ…

CIをスキップするコミットメッセージをよく間違えるのでcommitフックでチェックする

CIサービスを使っていて「このコミットはドキュメント変えただけだからCI走らせなくていいや」みたいない場合、コミットメッセージに[ci skip]と含めてあげると、CI実行をスキップしてくれます。 ただ、このマジックワードをうろ覚えなので、いつもskip-ciと…

-webkit-overflow-scrollingはスタックコンテキストを生成するのでz-indexに影響する

CSS

-webkit-overflow-scrollingはiOS Safariで有効で、しかもスタックコンテキストを生成する。そのため、他のブラウザと要素の重なりが全然異なってしまっているという不具合だった。z-index本にもこれは書いてなかった(非標準プロパティだしな!)— りんごガ…