【はてなブログ】長いコードを折りたためるようにする

技術ブログを書いていると、コードが長すぎてブラウザいっぱいにコードが表示される場合があります。 おそらく、この技術ブログにたどり着いた人はソースコードを読むために来ていただいているとは思いますが、 初見の圧迫感は利用者にとって苦痛なのかなと…

【pug】javascriptを直接書く方法

htmlテンプレートにpugを選んだ場合、素のscriptを書こうとすると迷います。 今回は、pugでjavascriptを書く方法について記載します。 また、本記事で記述するコードは、以前投稿したコードです。 blog.websandbag.com 期待される出力結果 下記のように記述…

【javascript】【php】原始的な方法でフロントエンドとバックエンドのデータ連携について考える

PHPとjavascriptを扱う案件の場合、フロントエンドとバックエンドの連携が必要になる事があります。 「バックエンドの結果によって表示を出し分ける」程度であれば大した問題ではありません。 <p>有効</p> <p>無効</p> しかし、フロントエンドで、バックエンドの値をに…

【mac】外付けキーボードを使った場合のファイル削除ショートカットキー

かなり初歩的ですが、何時も忘れがちなので備忘録として。 macのファイル削除のショートカットはすぐわかると思うのですが次です。 「cmd」+「delete」 外付けキーボードの場合は、削除キーを押しても削除されません。(ゴッという警告音がなります。) www.…

【Vue.js】テンプレート内で静的な画像を読み込む

Vueのコンポーネントを作成する時に、imgタグを使って画像を読み出したい時があります。 動的に画像を指定する前提の場合は、v-bingにパラメータを渡して画像名(画像ファイルのパス)を指定します。 この記事では、静的な画像の指定方法についてまとめます…

【pug】【npm】インデントが原因のビルドエラーでにっちもさっちもいかない時の対処方法

HTMLのテンプレートエンジンにpugを使用したのですが、初歩的な事でどハマりしました…。 github.com 私の場合、Laravelで作成したプロジェクトにデフォルト設定される、webpackにpugライブラリを追加していました。 症状 ソース block content block nav inc…

【Unity】【SteamVR】SteamVR Plugin 2.xから1.xにダウングレードする方法

ここ数週間前に、SteamVRのプラグインのメジャーアップデートがありました。 steamcommunity.com アップデートされたことによって、「knuckles」と言うコントローラをサポートしたとの事です。 次世代のコントローラーのライブラリを待ち望んでいた人には、…

【Unity】【VIVE】トラッカーを見えないように隠す方法について

世界観を大事にする場合、トラッカーやコントローラーが自体がその世界感にマッチしない場合があります。 その場合、どうにかして隠すトラッカーを隠すという方法を思いつくのですが、隠してしまうとトラッキングが出来なくなってしまいます。 今回は、トラ…

【Unity】【VIVE】HMD内の映像を外部ディスプレイに表示する方法

HMDの試遊台でよく見かける、試遊している人が見ている光景を外部ディスプレイに表示する方法です。 手順 VIVEの場合は、外部ディスプレイに表示する方法は2種類あります。 どちらも別ウィンドウに表示しますので、それを全画面にすれば見栄えもよくなりま…

【Unity】PlayerPrefsを使うメリット、デメリット

UnityではPlayerPrefsと言うローカルでデータを保存、呼び出しする機能があります。 docs.unity3d.com カード型のように、キーと値を組み合わせて扱っており、 取り出しの関数にキーを渡せばデータが取得できるので使い勝手が良い機能です。 ただ、色々情報…

©︎2017-2018 WebSandBag