Webサイトに使われている技術を調べられるサービス
Built Withってやつが面白かったので紹介。 BuiltWith Find out what websites are BuiltWith builtwith.com 調べたいWebサイトのURLを入れるとそのサイトに使われている技術を一覧にしてくれます。 ということで、僕 …
2018
Dash.appへのスニペット登録例を紹介
ドキュメントツールのDashですが、スニペット機能もありますよね。Dashが出た当初はむしろスニペット機能のために使っていました。 普段からスニペットを便利に使ってるので活用例を紹介してみようかと。 スニペット展開キーワードのPrefix スニペットの省略表記としては普段の入力に …
Webサイト用のアイコンをまとめて生成するサイト
アプリ用アイコンを生成するサイトは前に紹介しました。 モバイルアプリ用の全アイコンサイズを1枚の画像から書き出せるサイト - PIYO Notes モバイルアプリのアイコンを全部用意するの面倒ですよね。毎度必要なサイズが変わるし。 僕は大きめの正方形画像を用意して、それを元に一括 …
real-world-railsでOSSのRailsアプリケーションを探す
real-world-railsっていうリポジトリにOSSのRailsアプリケーションがまとめられています。 GitHub - eliotsykes/real-world-rails: Real World Rails applications and their open …
awesome-vueでOSSのVueアプリケーションを探す
ライブラリ探しにawesome-xxxxみたいなリポジトリを参考にすること多いんですが、まとまってるのってライブラリだけじゃないんですねー。 色々見てたら、awesome-iosにはスタンフォード大学の授業（だと思われる）iTunes Uのリンクがあったりとか、
外部ディスプレイとMacBookを縦にならべることで首への負担の軽減をはかる
首こりからくる頭痛がひどいので自宅の仕事環境を色々変えてみようと試した記録です。 写真を撮りたかったんですが、ごちゃっとしている配線を写すのもアレだったのでiPadで絵をかきました。 元々は横ならびでした デスクの上にディスプレイ2枚を配置し、MacBookは閉じた状態（いわゆる …
トップページの表示がIEで壊れていたので直しました
IEでのトップ画面の表示がこのザマでした。各記事のカードみたいなのが潰れちゃってます。 Google Analyticsによると5%程度 IEからの閲覧があるようです。 まあ直接個別記事へ来ることがほとんどでしょうからトップページは見てないかもしれませんが、気持ち悪いので直すこと …
Hugoの脚注の戻るリンクのテキストを変更する
脚注を使う方法を書いたものの、 Hugoで脚注（footnote）を使用する方法 - PIYO Notes 脚注はHugoで使えないと勝手に思っていましたが、ちゃんと使えました。 1 たまに本題からそれたことを補足で書きたくなるから、そういうときに使いたかったんでした。 Hugo …
Hugoで脚注（footnote）を使用する方法
脚注はHugoで使えないと勝手に思っていましたが、ちゃんと使えました。1 たまに本題からそれたことを補足で書きたくなるから、そういうときに使いたかったんでした。 Hugoの脚注の仕組み2 こういう文章を書くと、 あいうえお[^a] かきくけこ[^b] [^b]: か行だよ …
CodeSandboxっていうオンラインのJS環境がかなり強力だった
VeeValidateを紹介するときに、CodePenというサービスを使ってサンプルコードを紹介しました。 Vue.jsでのフォームバリデーションにVeeValidateを使ってみる - PIYO Notes ちょこちょこVue.jsを使ってるんですが、まだ手に馴染みません。まだ …