pugでは、テンプレート内で変数を指定できます。 Interpolation – Pug ページ毎に変わる要素（title,keyword等）を作る時は、変数に変わる要素を入れて切り替えると言う事をすると思います。 その際、phpをはじめとしたサーバーサイドの値も反映できるように…
技術ブログを書いていると、コードが長すぎてブラウザいっぱいにコードが表示される場合があります。 おそらく、この技術ブログにたどり着いた人はソースコードを読むために来ていただいているとは思いますが、 初見の圧迫感は利用者にとって苦痛なのかなと…
htmlテンプレートにpugを選んだ場合、素のscriptを書こうとすると迷います。 今回は、pugでjavascriptを書く方法について記載します。 また、本記事で記述するコードは、以前投稿したコードです。 blog.websandbag.com 期待される出力結果 下記のように記述…
PHPとjavascriptを扱う案件の場合、フロントエンドとバックエンドの連携が必要になる事があります。 「バックエンドの結果によって表示を出し分ける」程度であれば大した問題ではありません。 <p>有効</p> <p>無効</p> しかし、フロントエンドで、バックエンドの値をに…
かなり初歩的ですが、何時も忘れがちなので備忘録として。 macのファイル削除のショートカットはすぐわかると思うのですが次です。 「cmd」+「delete」 外付けキーボードの場合は、削除キーを押しても削除されません。（ゴッという警告音がなります。） www.…
Vueのコンポーネントを作成する時に、imgタグを使って画像を読み出したい時があります。 動的に画像を指定する前提の場合は、v-bingにパラメータを渡して画像名（画像ファイルのパス）を指定します。 この記事では、静的な画像の指定方法についてまとめます…
HTMLのテンプレートエンジンにpugを使用したのですが、初歩的な事でどハマりしました…。 github.com 私の場合、Laravelで作成したプロジェクトにデフォルト設定される、webpackにpugライブラリを追加していました。 症状 ソース block content block nav inc…
ここ数週間前に、SteamVRのプラグインのメジャーアップデートがありました。 steamcommunity.com アップデートされたことによって、「knuckles」と言うコントローラをサポートしたとの事です。 次世代のコントローラーのライブラリを待ち望んでいた人には、…
世界観を大事にする場合、トラッカーやコントローラーが自体がその世界感にマッチしない場合があります。 その場合、どうにかして隠すトラッカーを隠すという方法を思いつくのですが、隠してしまうとトラッキングが出来なくなってしまいます。 今回は、トラ…
HMDの試遊台でよく見かける、試遊している人が見ている光景を外部ディスプレイに表示する方法です。 手順 VIVEの場合は、外部ディスプレイに表示する方法は２種類あります。 どちらも別ウィンドウに表示しますので、それを全画面にすれば見栄えもよくなりま…
UnityではPlayerPrefsと言うローカルでデータを保存、呼び出しする機能があります。 docs.unity3d.com カード型のように、キーと値を組み合わせて扱っており、 取り出しの関数にキーを渡せばデータが取得できるので使い勝手が良い機能です。 ただ、色々情報…
最近、VIVEというHMDを借りる機会がありました。 【国内正規品】VIVE HMD VRヘッドマウントディスプレイ HTC VIVE出版社/メーカー: HTCメディア: エレクトロニクスこの商品を含むブログ (1件) を見る VIVEには、最初からトラッカー機能が付いたコントローラ…
ここ最近、Unityに時間を割くことが多くなりました。 そんな中、PCでオブジェクトを動かして、複数のSPでその位置情報をもとに描画をするARを作る事になりました。 正直、「初心者には、難易度には高すぎない？」と思いつつ、頑張ってやる事になりました。 …
Vuforiaで長距離からマーカーを認識したいので、仕様について調査したことをまとめます。 カメラの解像度について 公式のドキュメント内で、想定されるカメラの解像度について記述されている個所は見つけられませんでした。 ただし、公式のコミュニティでシ…
WPFアプリを作るサンプルソースを読んでいると次のようなソースを見ることがあるかと思います。 private void Window_Loaded private void MainWindow_Loaded 関数名から、Windowを読み込んだ際に実行するという意味で書かれていると推測できます。 しかし、…
のぼり のデザインをした際に学んだ知識のご紹介です。 blog.websandbag.com のぼり業者のガイドラインを見ていると、外部から読み込んだ画像の形式について、いくつか注意が載っていました。 その中でも、納品ファイル作成時に忘れてしまいそうな、画像埋め…
特にデザイナーと名乗るわけではありませんが、PCのリテラシーがあると言う理由で、デザインを依頼される場合があります。 今回はのぼりのデザインを依頼されました。 仕事柄、Web制作をしているのでWebサイトのデザインについては多少なり免疫がありますが…
最近、Unity絡みでC#を勉強しています。 様々なソースコードを読んでいるのですが、次のような関数に出くわす事がありました。 public クラス名<T> 最初は、Tという言葉が何を指し示しているのかわかりませんでしたが、色々調べて行く中でジェネリッククラスと</t>…
特定のオブジェクトの周りに、オブジェクトをランダム配置させたいという場面に遭遇しました。 今回は、中央にある赤いオブジェクトを起点にし、周囲に適当なオブジェクトを設定する方法について触れます。 数学的なお話 今回は円状に配置するので、ランダム…
８月に入りいよいよ暑さのピークも迎えてきました。 それと同時に、そろそろ夏休みに入り始める時期でしょうか？ それに付随して、システムもお休みにする事があるかもしれません。 さて、 今回は、特定の期間だけサイトの表示を切り替える方法を記載します…
約一か月振りの投稿になります。 最近、いろいろありまして、新しいことに挑戦している最中です。 さて、 挑戦している中の一つに、遺伝的アルゴリズムを使うというものがあります。 今回は、遺伝的アルゴリズムを勉強しようと思ったとき、押さえておくと情…
MariaDB(MySQL)に外部接続する必要がありました。 色々失敗と得られる事があったので記載します。 目次 目次 イントロダクション この記事で得られる事 環境 ポート解放 MariaDBのポートを確認する ファイアウォールにMariaDBポート用の設定を追加する Maria…
Web制作の現場では良くある話だと思いますが、左右交互に配置してそれぞれ処理やスタイルを変える場面があります。 CSSでも、odd(奇数)、even（偶数）というセレクターが用意されていますが、スタイルだけでは立ち行かない場面もあります。 そんな時は、jsや…
前回に引き続きLaravelのMigrateについてです。 blog.websandbag.com ご覧いただいている方々は、次のような経験がないでしょうか？ 仕様変更で、以前作ったテーブルの型や桁数を変更があった。 その対象のカラムは外部キー制約がされていて、関連するテーブ…
laravelでmigrate機能はとても便利です。 ライブラリ全般に言えることではありますが、1からクエリを書かないので管理のしやすさが格段に上がります。 しかし、生成されたクエリにエラーが発生した場合は、生でクエリを作るのと勝手が違って戸惑う場面もあり…
新しいプロジェクトでは、過去に同じような構成をDockerで作っていればDockerfileを流用しています。 さて、 今回は、最新のMySQLイメージを使う際に発生する問題について記載していきます。 イントロダクション この記事で得られること MySQLの古いバージョ…
開発環境構築にDockerを使っているのですが、急にDockerのイメージが作れない現象に遭遇しました。 docker-compose buildを実行すると次のエラーが帰ってきます。 Service 'db' failed to build: max depth exceeded (サービス 'db'のビルドに失敗しました：…
apacheのVirtualHostは、サブドメインで違うコンテンツを運用するときによく使う方法です。 ただ、確認環境を用意するときは特にドメインを用意しない場合があります。 VirtualHostについて知識を集めるときに、サブドメインに関係する方法はよく出てきます…
偶に使うのですが、いつもコマンドを忘れてしまうので備忘録がてら記載します。 イントロダクション この記事で得られること 作業ユーザーを追加してSSH接続させられる状態になるまでの手順がわかる。 環境 ホストPCはmacです。 種類 バージョン OS CentOS 6…
Webアプリケーションの案件には、結果をCSVで出力したいと言う要望はよくあります。 その要望につきまとうのが、Excelでみたときに文字化けする問題です。 さて、 今回は、この問題の解決方法について触れます。 また、ファイルの出力はLaravelのStorage機能…
