【Webフォント】はてなブログにAdobe FontsのWebフォントを適用する

前回投稿したWebフォントの応用になりますが、はてなブログにもWebフォントを追加する事が可能です。 blog.websandbag.com ドメインやページビュー数の縛りが無くなったので、気兼ねなく使えます。 今回は、テーマ本体のスタイルはそのままにして、フォント…

【Webフォント】Adobe Fontsで提供されているフォントをページに適用する方法

最近は、Webフォントありきのウェブサイトも多くなってきました。 以前は、デザイン上、デバイスフォントではない場所を画像文字で代用する事がよくありましたが、alt属性をつける必要があったり、文字サイズの変更に耐えられなかったりコーディング側の負荷…

【GooglePlay】Playゲームのプロフィールを削除してソシャゲの復帰防止

ゲーム依存症は、病気認定されるほど深刻な社会問題になっています。 style.nikkei.com ソシャゲを辞められない原因の一つに、辞め方が複雑というのがあると思います。 ソシャゲに限った話ではありませんが、サービスの辞め方は複雑なものが多く、途中で断念…

【wordpress】【php】WordPress配下外のスクリプトファイルから、WordPressのデータを取得する

WordPress主体のサイトで、WordPressにはない機能を追加したい場合があります。 おそらくですが… 固定ページやテーマのfunction.php等を駆使すれば、大概のアプリケーションは作成できます。 しかし、組み込む事で難易度が上がったり、保守性が落ちる事が考…

【salesforce】【PHP】OAuth認証とデータ取得の方法をまとめてみた

最近、salesforceからデータを取得する機会がありました。 developer.salesforce.com salesforceのAPIの仲介をするライブラリがあるか探してみたのですが、あまり情報がありませんでした。 公式のドキュメントを読み漁って色々知見が溜まったので、一度共有…

【Let's Encrypt】SSL証明書を手動更新する

自動更新ではなく、手動更新する場合の方法です。 記事内で紹介するページについて 本来の公式ページは下記になりますが、ドキュメントは英語です。 letsencrypt.org 本記事では、日本語で和約している下記のサイトから引用します。 非公式と書かれておりま…

【OmniFocus】OmniFocus2からOmniFocus3へのデータ移行

2018年9月にOmniFocus3がリリースされました。 www.omnigroup.com OmniFocus2を使っていたため、OmniFocus3へのアップグレードする事にしました。 その際に、データを移行する必要があったため移行手順を記載します。 OmniSyncServerのアカウント作成 OmniFo…

【AWS】【CloudWatch】異常で止まったインスタンスを自動で再起動させる

最近サーバーの復旧作業を行う機会がありました。 原因は恐らくメモリ不足です。 過去のアクセス数がわかる情報が無かったため最小の構成で構築しましたが、実際に稼働させて見ると耐えられないほどのユーザーが訪れたようです。 冗長化は重要ですね。 さて…

【mac】【php】composerをグローバルにインストールする

最近、PCが破損してしまい色々環境設定をし直しています。 備忘録として記載します。 Laravelのインストールの手順に載っている、laravelコマンドを実行する時にも使います。 インストール 5.5 Laravel 今回は、composer経由でインストールしたlaravelを実行…

【Docker】公開されているコンテナイメージを一時的に使う

docker hubで配布しているコンテナのイメージについて調査したい時があります。 しかし、調査するだけで開発環境(ローカル)に保持する程の事もない時もあります。 今回は、一時的にコンテナを作る方法について記載します。 方法 開発環境にコンテナを作る…

【Docker】phpコンテナの暗号化を有効にする

Dockerでlamp環境を構築しようとする場合、個人の方が公開されている情報が多くとても助かります。 案件によっては、phpで暗号化、複合化が必要になるケースも出てきます。 実現する方法を探していると、Dockerfileに下記と追加すればmcryptが使えるという情…

【Docker】MariaDBのコンテナに初期データを投入する

Dockerを立ち上げた際、同時に初期データを投入する方法です。 初期データの投入方法 今回は、公式のMariaDBコンテナを使います。 Docker SecretsのInitializing a fresh instanceの項に、次のように記載されています。 https://hub.docker.com/_/mariadb/ I…

【PHP】静的なconfigファイルの書き方

php

固有な情報を扱う場合、変数(あるいは定数)にしてページの上部に書いて目立つようにするという事をよくやります。 しかし、ファイル間共有する時にこの要領でそれぞれのファイルに追記してしまう方法はお勧めできません。 修正し忘れのファイルがあって事…

【javascript】連想配列から特定のキーに紐づく1配列のみ抽出する

連想配列から特定のキーが指定した値に合致した配列のみ取得する方法です。 また、重複しない要素(例えばID等)の場合、結果は0か1のはずです。 そのため、最初一件のみ変数に代入する方法についてまとめます。 元データ [ { "id": 1, "name": "name_1" }, …

【pug】pugの変数(var)にPHPタグを使う方法

pugでは、テンプレート内で変数を指定できます。 Interpolation – Pug ページ毎に変わる要素(title,keyword等)を作る時は、変数に変わる要素を入れて切り替えると言う事をすると思います。 その際、phpをはじめとしたサーバーサイドの値も反映できるように…

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

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

【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 カード型のように、キーと値を組み合わせて扱っており、 取り出しの関数にキーを渡せばデータが取得できるので使い勝手が良い機能です。 ただ、色々情報…

【Unity】【SteamVR】コントローラの位置、回転について備忘録

最近、VIVEというHMDを借りる機会がありました。 【国内正規品】VIVE HMD VRヘッドマウントディスプレイ HTC VIVE出版社/メーカー: HTCメディア: エレクトロニクスこの商品を含むブログ (1件) を見る VIVEには、最初からトラッカー機能が付いたコントローラ…

【Unity】素人にオンラインアプリは構築できるのか?【1日目】

ここ最近、Unityに時間を割くことが多くなりました。 そんな中、PCでオブジェクトを動かして、複数のSPでその位置情報をもとに描画をするARを作る事になりました。 正直、「初心者には、難易度には高すぎない?」と思いつつ、頑張ってやる事になりました。 …

【Unity】【Vuforia】長距離からマーカーを認識するための仕様調査

Vuforiaで長距離からマーカーを認識したいので、仕様について調査したことをまとめます。 カメラの解像度について 公式のドキュメント内で、想定されるカメラの解像度について記述されている個所は見つけられませんでした。 ただし、公式のコミュニティでシ…

【VisualC#】「WIndow_Loaded」を実行する方法

WPFアプリを作るサンプルソースを読んでいると次のようなソースを見ることがあるかと思います。 private void Window_Loaded private void MainWindow_Loaded 関数名から、Windowを読み込んだ際に実行するという意味で書かれていると推測できます。 しかし、…

【Illustrator】画像を埋め込む方法

のぼり のデザインをした際に学んだ知識のご紹介です。 blog.websandbag.com のぼり業者のガイドラインを見ていると、外部から読み込んだ画像の形式について、いくつか注意が載っていました。 その中でも、納品ファイル作成時に忘れてしまいそうな、画像埋め…

©︎2017-2018 WebSandBag