Hiroto's diary

プログラミング関連とイベントの感想を書くかもしれない

Vue.jsでMarkdownファイルを読み込んでHTMLにして表示する

Vue.jsやNuxt.jsで何かしらのサイトを作ってる時にわざわざHTMLを書くほどでもないようなページを作る際、Markdownで内容を書いてHTMLに変換すると便利。というちょっとしたメモ。 タイトルではVue.jsと書いていますがNuxt.jsでも使えます。 webpackの準備 .…

.babelrc はJSON5で書ける

公式のドキュメントにも書いてあるし割と一般的な事だと思ってたけど、知らない人ばっかだったので布教がてら。 そもそもJSON5とは JSON5とは コメントが書けない Stringでシングルクォートが使えない Arrayでケツカンマが書けない などの、JSONの難点を解消…

JSONにコメントを書く時や、JSON5を書く時はJavaScriptでハイライトすると便利。

たまに役に立つかもしれないライフハックです。 コメント入りのJSONをJSONでハイライトすると色々残念 設定などの説明でJSONにコメントを入れた時、普通にJSONでシンタックスハイライトをさせると、残念な感じになります。 { // presetの設定 "presets": [ "…

2018年の楽曲

2018年の振り返りがてら、2018年の良かった曲を書き出してみる。 本当は10曲くらいにしようと思ったけど、選びきれなかったのでこれで。(これより絞る前は42曲あったけど、大して減ってない。) 本当に適当なコメントが付いたり付かなかったりします。 曲順に…

JavaScriptの MediaDevices を使ってブラウザ上にカメラの映像をワイプ風に出す。

JavaScriptの試験的な機能の一つである MediaDevices を使って、ブラウザ上にカメラ映像をテレビ番組のワイプ風に出してみる。ついでにVisual Studio Codeにもワイプを出して、gitのコンソールと一緒に記念撮影。

Laravel の .env の値は config() 経由で使う。

Laravelの .env の値は config() 経由で使う。 .env ファイルは設定のキャッシュがあると読み込まないので env() をそのまま使うと本番環境で設定をキャッシュした時に動かなくなる。なので env() は直接使わずにconfig()経由で使います。

iTunesの音楽とプレイリストをWALKMANに入れる

既にiPhoneやiPodなどに入っている音楽・プレイリストをSONYのWALKMANに丸々持ってくる方法。SONYが公式で説明している方法よりも管理しやすい方法を説明。ジャケットの設定や音楽・プレイリストファイルの整理までメモ。

iTunesで大きいサイズのジャケットを取得するブックマークレット

iTunesで大きいサイズのジャケット(アートワーク)を取得するブックマークレットを書きました。iTunesのアートワーク自動取得機能が使えない時や、ジャケットのサイズの大きい物にしたい時などに使えます。

RubyのThorで設定出来ないコマンド名を無理矢理設定する

Rubyで簡単にCLIツールを作れるThorで run や shell コマンドを作成する方法。 Thor::THOR_RESERVED_WORDS で定義されている作成出来ないメソッド名のコマンドを作成。

Twitterで280文字のツイートをする

Twitterは9月26日に、ツイート可能な文字数を140文字から280文字に増やすための実験を開始すると発表。 blog.twitter.com しかし、対象ユーザーは無作為に選ばれる上に日本語, 中国語, 韓国語は対象ではありません。 が、APIにパラメータをつければ誰でも280…

MacでLinuxディストリをUSBに焼く。

たまにやり方忘れて一々検索するのが面倒なのでメモがてら。 焼くのはUbuntu GNOME。Ubuntu GNOMEじゃなくても他のディストリでも殆どこの方法でOK。 USBは8GBあれば十分です。ディストリにもよりますが4GBでも使えるものは使えます。 isoファイルをダウンロ…

php-cs-fixerで"."から始まるファイルの中身が修正されない時の対処

PHPファイルのコーディングスタイルを自動で直すphp-cs-fixerで.から始まるファイルが修正出来ない問題の対処方法。 php-cs-fixerで使ってるFinderクラスは元々.から始まるファイルを無視します(例えば.php_csファイルなど)。Finderのインスタンスで.から始…

Safariで見ているページのタイトルとURLをfeatherでツイートする。

iOS

タイトルにもある通り、Safariで閲覧しているページをfeatherに転送してつぶやく。 featherにはURLスキームがあるので、それを使ってブックマークレットを作る。(ブックマークレットの作り方は調べてください…) これをコピーしてブックマークのURLに貼ればOK…

PHP CS Fixer 2でファイルの先頭に自動的にコメントを挿入する。

知らない内に、PHP CS Fixerの2系が出ていました。.php_csの中身が結構変わっていて前に書いたファイル先頭にコメントを挿入するのもかなり変わっていたので2系用の記事を作成。 1系のはこっち。 hiroto-k.hatenablog.com コメントを準備する 頭の方でコメン…

ツイート内容が140文字を超えてるツイートでツイート内容が省略される問題に対応する。

Twitterで140文字以上の内容+画像が出来るようになってから、ツイートを取得するAPIでのレスポンスの中のtextが一部省略されるようになってしまった。 本来の見え方。140文字ぴったりの内容と画像が表示される。 APIのレスポンス。画像のURLの長さだけ省略さ…

dein.vimでgit cloneのdepthオプションを指定する

Vimのプラグインマネージャーのdein.vimでgit cloneコマンドの--depthオプションを指定する。 dein.vimはGitHubからプラグインをcloneしますが、.vimrcで設定をしないとgit cloneの--depthオプションは指定されません。これだと大きいリポジトリのプラグイン…

hugoでブログを生成してTravis CIでデプロイする

最近新しく鉄道関連用のブログをGitHub Pagesに作った。 リポジトリ https://github.com/Hiroto-K/blog ブログ https://hiroto-k.github.io/blog/ このブログの本文は全てMarkdownで書いていて、GithubにpushしたらTravis CIで自動的にサイトを生成してデプ…

hugoのSummaryが巨大化する問題を回避する

hugoでブログを作ったけどサマリーがやたら大きくて困ってたので色々調べた。 結論から言えばconfig.tomlにhasCJKLanguage = trueを入れれば回避出来る。もしくはマークダウンの先頭(設定の所)にisCJKLanguage = trueを入れる。 公式ドキュメントを読んだら…

PHP CS Fixerを使ってファイルの先頭に自動的にコメントを挿入する

PHPのコーディングスタイルを直すPHP CS Fixerでファイルの先頭にヘッダーを自動的に挿入する。 バージョン1系ではこの方法で出来ますが2系ではこの方法では出来ません バージョン2系は以下の記事を見てください。 hiroto-k.hatenablog.com .php_csにヘッダ…

Travis CIでRubyのテストを高速化する

Travis CIでRubyのテストを高速にして効率よくテストを行う方法を解説

Circle CIでPHPのmemory_limitを変更する

Circle CIのPHP環境のmemory_limitを書き換えてテストが普通に通るようにする方法を説明してます。

Laravel/Lumenでレスポンスヘッダーのアサートをする

Laravel及びLumenでレスポンスヘッダーのアサートをする方法。Illuminate\Foundation\Testing\Concerns\MakesHttpRequestsに実装されてるseeHeaderメソッドを使う。

LaravelのartisanコマンドでgetArguments()やgetOptions()を使う時はコマンド名の指定に$nameを使う必要がある

LaravelのArtisanで自作Commandクラスを使う時に躓いたのでメモ LaravelでArtisanコマンドを作る時に以下のようにコマンド名を指定する($signatureを使う)とgetArguments()やgetOptions()が読まれない。

Symfonyのconsoleコンポーネントで全てのコマンド共通のオプションを設定する

PHPでコンソールアプリを作るときに使うSymfonyのconsoleコンポーネントで全てのコマンドに共通のオプションをつける方法。 Symfony\Component\Console\Applicationクラスを拡張して独自のApplicationクラスを作ってgetDefaultInputDefinitionメソッドをオー…

Laravelでルートに暗黙コントローラーを使うとlaravel-debugbarが動かなくなる。

Laravelでルート下に暗黙コントローラーを使って、デバッグバーが動かなくなる時の対処方法。

Laravelでデータベースの接続を指定してmigrateやdb:seedを実行する

Laravelで特定の接続で``migrate``や``db:seed``を実行する方法。Lumenでも使えます。

ブログをWordPressからはてなブログに移動した

ブログをWordPressからはてなブログに移動しました。 移行した経緯 WordPressのカスタマイズに疲れたからです。前のブログではテーマでStinger6を使っていましたが色々と足りなかったりする機能を自分で書いていました。が追加したコードを管理したりメンテ…

さくらのレンタルサーバーでLet's EncryptのSSLを使う

このページではさくらのレンタルサーバー スタンダードでLet's Encryptを導入する方法を解説しています。このページはさくらのVPSでLet's Encryptを導入する方法を解説するページではありません。

あけましておめでとうございます。

2016年あけましておめでとうございます。 今年の目標とか私には難しすぎてすぐには決められないけど…こんな私でも誰かの役に立てるとしたらそれはとっても嬉しいなって思ってしまうのでした。

JetBrains製品のOpenSource Licenseを申請する

自分が個人的に開発してるHkAppsでJetBrains製品のIDEであるPhpStormのOpenSource Licenseを申請したのでその時のメモ。

© 2015-2018 Hiroto-K