<![CDATA[Tom-Konda的技術メモ]]>https://tom-konda.github.io/blogRSS for NodeMon, 13 Aug 2018 01:09:21 GMT60<![CDATA[PostCSS で SCSS ライクの表記をするためのプラグインのメモ]]>

以前に調査した時にはページが生きていたけど、つい最近消えてしまったので Internet Archive のサイトへのリンク

PostCSSをSCSS記法に近づける+便利にするためのプラグイン11選

上記の紹介記事のうち、

  • postcss-easy-import

  • postcss-sassy-mixins

  • postcss-nested

この3つは鉄板とみなしていい気がする。

]]>https://tom-konda.github.io/blog/2018/04/14/Plugins-for-PostCSS-which-can-write-like-SCSS-style.htmlhttps://tom-konda.github.io/blog/2018/04/14/Plugins-for-PostCSS-which-can-write-like-SCSS-style.htmlSat, 14 Apr 2018 00:00:00 GMT<![CDATA[JavaScript でデスクトップ PC のカメラを使用するメモ]]>

JavaScript でデスクトップ PC のカメラで画像を取得したい場合、MediaDevices.getUserMedia() を使用する必要がある。

参考 URL：

]]>https://tom-konda.github.io/blog/2018/03/11/Using-camera-with-Java-Script-on-desktop.htmlhttps://tom-konda.github.io/blog/2018/03/11/Using-camera-with-Java-Script-on-desktop.htmlSun, 11 Mar 2018 00:00:00 GMT<![CDATA[Drupal でテスト用のモジュールを有効化できるようにするメモ]]>

この記事にある、下記の記述を settings.php に記述する。

settings.php
<?php
  /**
   * Allow test modules and themes to be installed.
   */
  $settings['extension_discovery_scan_tests'] = TRUE;

これを有効にしておくと、 drupal/core/modules/system/tests/ にあるテスト用 Entity を使用できるようになるので、フィールドや Views 関係のテスト時に便利そう。

]]>https://tom-konda.github.io/blog/2018/03/01/enable-installed-test-module-in-drupal.htmlhttps://tom-konda.github.io/blog/2018/03/01/enable-installed-test-module-in-drupal.htmlThu, 01 Mar 2018 00:00:00 GMT<![CDATA[Hubpress のアップデート方法]]>

Hubpress がアップデートされていたので、そのアップデート手順を記載する。

  1. Hubpress を Fork している、Githubのレポジトリページを開く

  2. Compare をクリックする

  3. base fork を自分のレポジトリに変更する

  4. compare across fork をクリックする

  5. head fork を Hubpress 公式に変更する

  6. Create Pull Request をクリックする

  7. 適当に入力して、PR をする

  8. Fork しているレポジトリの PR 一覧に飛んだら、作成した PR を承認する

]]>https://tom-konda.github.io/blog/2016/03/16/How-to-update-hubpress.htmlhttps://tom-konda.github.io/blog/2016/03/16/How-to-update-hubpress.htmlWed, 16 Mar 2016 00:00:00 GMT<![CDATA[anyenv によるMacへの phpenv + phpbuild 環境の構築]]>

環境の構築は Yosemite にて確認。 以下のコマンドで、Mac に anyenv を導入することができる。

$ git clone https://github.com/riywo/anyenv ~/.anyenv
$ echo 'export PATH="$HOME/.anyenv/bin:$PATH"' >> ~/.bash_profile
$ echo 'eval "$(anyenv init -)"' >> ~/.bash_profile
$ exec $SHELL -l

導入が終わったら、

$ anyenv version
Usage: anyenv <command> [<args>]

Some useful anyenv commands are:
（省略）

でインストールされたことを確認。 Mac に anyenv でサクッとマルチ開発環境構築を参考に、プラグインを導入する。導入したら、anyenv から phpenv をインストールする。

$ mkdir ~/.anyenv/plugins
$ git clone https://github.com/znz/anyenv-update.git ~/.anyenv/plugins/anyenv-update
$ git clone https://github.com/znz/anyenv-git.git ~/.anyenv/plugins/anyenv-git
$ anyenv intall phpenv

[Yosemite]anyenvでphpenv を参考に、bison 2.7 をインストールし、一時的に bison 2.7 を使用するように変更。

$ brew install re2c libjpeg libpng libmcrypt
$ brew install autoconf # 無いとエラー
$ brew install homebrew/versions/bison27
$ brew link bison27 --force
2016/04/10 追記 configure: error: Cannot find OpenSSL’s <evp.h> が出たら、 xcode-select --install や $ brew update 、 $ brew upgrade を行う。（ 参考）
2016/04/12 追記 El capitan で libxml2 がリンクされていないとビルドに失敗したので、brew install libxml2 && brew link libxml2 --force が必要（ libxml2 参考）。その他にも、OpenSSL の再インストールなどを試みる。（ OpenSSL 参考）

anyenv updates で最新版のビルド情報に更新してからインストールコマンドを実行し、全体で使用する PHP のバージョンを最新版の変更し、bison のリンクを元に戻せばインストール完了。

$ anyenv updates
$ phpenv install 7.0.2
$ phpenv global 7.0.2
$ brew unlink bison27
]]>https://tom-konda.github.io/blog/2016/01/13/construct-phpenv-for-mac.htmlhttps://tom-konda.github.io/blog/2016/01/13/construct-phpenv-for-mac.htmlWed, 13 Jan 2016 00:00:00 GMT<![CDATA[各ブラウザの仕様の一覧]]>

Qiitaに投稿した時 に調べた各ブラウザの DOM 仕様が載っているURLへのリンク集。MSDN や MDN は有名だけど、Safari は初めて知った。そして、Google Chrome は見つけられず。

Internet Explorer & Edge

https://msdn.microsoft.com/library/hh772401%28v=vs.85%29.aspx

Safari

https://developer.apple.com/library/safari/navigation/

Firefox

https://developer.mozilla.org/

]]>https://tom-konda.github.io/blog/2016/01/07/browsers_spec.htmlhttps://tom-konda.github.io/blog/2016/01/07/browsers_spec.htmlThu, 07 Jan 2016 00:00:00 GMT<![CDATA[Nodebrew インストール手順メモ（Mac）]]>
Yosemiteでは、Homebrewからはインストールできない(http://qiita.com/armorik83/items/ed97c618a55d9c13c34b) ので、(https://github.com/hokaccha/nodebrew#install) にある方法を使用する

動作確認

Mac OS X

Yosemite

Nodebrew のインストール

以下のシェルだと現在はうごかない 
$ brew install nodebrew
$ echo export PATH=$HOME/.nodebrew/current/bin:$PATH >> ~/.bash_profile
$ source ~/.bash_profile

こちらを使用する。

# Homebrewでインストールしてしまった場合は、アンインストールする
$ brew uninstall nodebrew
$ curl -L git.io/nodebrew | perl - setup
$ echo export PATH=$HOME/.nodebrew/current/bin:$PATH >> ~/.bash_profile
$ source ~/.bash_profile

Node.js のインストール

$ nodebrew install 4.2.2
]]>https://tom-konda.github.io/blog/2015/11/22/nodebrew_install_memo.htmlhttps://tom-konda.github.io/blog/2015/11/22/nodebrew_install_memo.htmlSun, 22 Nov 2015 00:00:00 GMT<![CDATA[drupal_add_js() でJavaScriptファイル追加時の備忘録]]>

JavaScriptの圧縮をしている時に正常に動かなくなるので、メモとして残しておく。

// 第2引数の配列で読み込みの方式を指定する
drupal_add_js(
  drupal_get_path('module', 'my_module').'/js/myjs.js',
  array('type' => 'file')
);
]]>https://tom-konda.github.io/blog/2015/09/17/drupal_add_js-JavaScript.htmlhttps://tom-konda.github.io/blog/2015/09/17/drupal_add_js-JavaScript.htmlThu, 17 Sep 2015 00:00:00 GMT<![CDATA[element.getElementsByTagNameNS() で要素の取得がうまくいかないと思ったら、やり方が間違っていた]]>

基盤地図情報のXMLデータを使ったツールを作ろうとした際に、XML文書が妥当な物かをチェックするために、下記のコードで、 element.getElementsByTagNameNS() で名前空間と要素で判断しようとしたところ、lengthが0になってしまい失敗。

<?xml version="1.0" encoding="utf-8"?>
<Dataset xsi:schemaLocation="http://fgd.gsi.go.jp/spec/2008/FGD_GMLSchema FGD_GMLSchema.xsd"
	xmlns:gml="http://www.opengis.net/gml/3.2"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:xlink="http://www.w3.org/1999/xlink"
	xmlns="http://fgd.gsi.go.jp/spec/2008/FGD_GMLSchema"
	gml:id="Dataset1">
  <gml:description>基盤地図情報メタデータ ID=fmdid:15-0701</gml:description>
  <gml:name>基盤地図情報ダウンロードデータ（GML版）</gml:name>
</Dataset>
var isValidXML = function (dom) {
  var namespaces = [
    'http://fgd.gsi.go.jp/spec/2008/FGD_GMLSchema',
    'http://www.opengis.net/gml/3.2',
    'http://www.w3.org/2001/XMLSchema-instance',
    'http://www.w3.org/1999/xlink',
  ];
  return namespaces.every(function (value, index, array) {
    return dom.getElementsByTagNameNS(value, 'Dataset').length === 1 ? true : false;
  });
};

Developer Toolsを確認して調査しつつ、lengthが1になるように試行錯誤したところ、以下のようにJavaScriptを修正したら取れるようになった。

var isValidXML = function (dom) {
  var searchElementNSPair = [
    {
      'element': 'Dataset',
      'namespace': 'http://fgd.gsi.go.jp/spec/2008/FGD_GMLSchema',
    },
    {
      'element': 'description',
      'namespace': 'http://www.opengis.net/gml/3.2',
    },
  ];
  var isValid = searchElementNSPair.every(function (value, index, array) {
    return dom.getElementsByTagNameNS(value.namespace, value.element).length === 1 ? true : false;
  });
};
]]>https://tom-konda.github.io/blog/2015/08/28/elementgetElementsByTagNameNS.htmlhttps://tom-konda.github.io/blog/2015/08/28/elementgetElementsByTagNameNS.htmlFri, 28 Aug 2015 00:00:00 GMT