前回投稿したWebフォントの応用になりますが、はてなブログにもWebフォントを追加する事が可能です。 blog.websandbag.com ドメインやページビュー数の縛りが無くなったので、気兼ねなく使えます。 今回は、テーマ本体のスタイルはそのままにして、フォント…
最近は、Webフォントありきのウェブサイトも多くなってきました。 以前は、デザイン上、デバイスフォントではない場所を画像文字で代用する事がよくありましたが、alt属性をつける必要があったり、文字サイズの変更に耐えられなかったりコーディング側の負荷…
ゲーム依存症は、病気認定されるほど深刻な社会問題になっています。 style.nikkei.com ソシャゲを辞められない原因の一つに、辞め方が複雑というのがあると思います。 ソシャゲに限った話ではありませんが、サービスの辞め方は複雑なものが多く、途中で断念…
WordPress主体のサイトで、WordPressにはない機能を追加したい場合があります。 おそらくですが… 固定ページやテーマのfunction.php等を駆使すれば、大概のアプリケーションは作成できます。 しかし、組み込む事で難易度が上がったり、保守性が落ちる事が考…
最近、salesforceからデータを取得する機会がありました。 developer.salesforce.com salesforceのAPIの仲介をするライブラリがあるか探してみたのですが、あまり情報がありませんでした。 公式のドキュメントを読み漁って色々知見が溜まったので、一度共有…
自動更新ではなく、手動更新する場合の方法です。 記事内で紹介するページについて 本来の公式ページは下記になりますが、ドキュメントは英語です。 letsencrypt.org 本記事では、日本語で和約している下記のサイトから引用します。 非公式と書かれておりま…
2018年9月にOmniFocus3がリリースされました。 www.omnigroup.com OmniFocus2を使っていたため、OmniFocus3へのアップグレードする事にしました。 その際に、データを移行する必要があったため移行手順を記載します。 OmniSyncServerのアカウント作成 OmniFo…
最近サーバーの復旧作業を行う機会がありました。 原因は恐らくメモリ不足です。 過去のアクセス数がわかる情報が無かったため最小の構成で構築しましたが、実際に稼働させて見ると耐えられないほどのユーザーが訪れたようです。 冗長化は重要ですね。 さて…
最近、PCが破損してしまい色々環境設定をし直しています。 備忘録として記載します。 Laravelのインストールの手順に載っている、laravelコマンドを実行する時にも使います。 インストール 5.5 Laravel 今回は、composer経由でインストールしたlaravelを実行…
docker hubで配布しているコンテナのイメージについて調査したい時があります。 しかし、調査するだけで開発環境（ローカル）に保持する程の事もない時もあります。 今回は、一時的にコンテナを作る方法について記載します。 方法 開発環境にコンテナを作る…
Dockerでlamp環境を構築しようとする場合、個人の方が公開されている情報が多くとても助かります。 案件によっては、phpで暗号化、複合化が必要になるケースも出てきます。 実現する方法を探していると、Dockerfileに下記と追加すればmcryptが使えるという情…
Dockerを立ち上げた際、同時に初期データを投入する方法です。 初期データの投入方法 今回は、公式のMariaDBコンテナを使います。 Docker SecretsのInitializing a fresh instanceの項に、次のように記載されています。 https://hub.docker.com/_/mariadb/ I…
固有な情報を扱う場合、変数（あるいは定数）にしてページの上部に書いて目立つようにするという事をよくやります。 しかし、ファイル間共有する時にこの要領でそれぞれのファイルに追記してしまう方法はお勧めできません。 修正し忘れのファイルがあって事…
連想配列から特定のキーが指定した値に合致した配列のみ取得する方法です。 また、重複しない要素（例えばID等）の場合、結果は0か1のはずです。 そのため、最初一件のみ変数に代入する方法についてまとめます。 元データ [ { "id": 1, "name": "name_1" }, …
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 のぼり業者のガイドラインを見ていると、外部から読み込んだ画像の形式について、いくつか注意が載っていました。 その中でも、納品ファイル作成時に忘れてしまいそうな、画像埋め…
