カテゴリー: 未分類

  • Windows10をインストール


    次のページでisoをダウンロード。
    http://www.microsoft.com/ja-jp/software-download/windows10ISO
    因みに、WIndowsで開く時とMacで開く時では、ダウンロードできるイメージが違う。
    Windowsでダウンロードすると、まずダウンロード用のEXEをダウンロードすることになるが、
    Macでダウンロードすれば32bitか64bitのイメージを直接ダウンロードできる。

    で、直接マウントしたり、DVD-Rに焼いたり、USBメディアに入れたり。好きにする。以上!!
  • Google Appsのメールと、Postmaster Toolsと、Value Domainと、DNSと、txtと、SPFと、私

    Google の Postmaster Tools
    https://postmaster.google.com/

    Google appsで独自ドメインのメールを使用している場合、サブドメイン無しをcnameエイリアスで転送していると、認証がうまく行かなかった。
    以下の例は、Value-Domainでのお話。

    a sv 999.999.999.999
    cname @ sv
    cname * sv
    cname start ghs.google.com.
    cname mail ghs.google.com.
    cname docs ghs.google.com.
    cname calendar ghs.google.com.
    cname google ghs.google.com.
    cname blog ghs.google.com.
    cname sites ghs.google.com.
    mx aspmx.l.google.com. 1 @
    mx alt1.aspmx.l.google.com. 5 @
    mx alt2.aspmx.l.google.com. 5 @
    mx aspmx2.googlemail.com. 10 @
    mx aspmx3.googlemail.com. 10 @
    mx aspmx4.googlemail.com. 10 @
    mx aspmx5.googlemail.com. 10 @
    txt @ google-site-verification=ABCABC〜〜〜〜XYZXYZ-md4

    と、@にtxtを付加したが、

    $ nslookup -type=TXT example.com
    としても、返ってこない。
    認証も、次のメッセージが出て失敗。

    Your verification DNS TXT record was not found. You might need to wait a few minutes before Google sees your changes to the TXT records.
    で、

    txt sv google-site-verification=ABCABC〜〜〜〜XYZXYZ-md4

    と、転送先に変更すれば解決した。
    DNSややこい。。。
    SPAM対策のSPFも同様に、

    txt sv v=spf1 +a:sv.example.com include:_spf.googlemail.com ~all

    として解決?
    以下が、nslookupの返答の一部

    $ nslookup -type=TXT example.com

    example.com canonical name = sv.example.com.
    sv.example.com text = “v=spf1 +a:sv.example.com include:_spf.googlemail.com ~all”sv.example.com text = “google-site-verification=ABCABC〜〜〜〜XYZXYZ-md4”
     と、思ったら、実際は、cnameでの認証を追加していたため、そちらで認証が通っていた模様。と思ったけど、ログ見たら、TXTでも認証成功していた。
    因みに、cnameだとgoogleが指定する情報を次のように記載する。
    最後のピリオドを忘れずに!

    cname ABCABC gv-XYZXYZ.dv.googlehosted.com.

  • そろそろ予約

    そろそろ予約

    夏だ!夏休みだ!
    旅行だ!楽天トラベルだ!だ!だ!

  • サイト改装への道(18) 「MacでYii2+gulp」

    WindowsとMacで違うところはそれほどないが、自己満足のために書いておく。
    まず、yiiのルートフォルダに移動し、

    $ cd yii_advanced

    npmを初期化してpackage.jsonファイルを作る。

    $ npm initThis utility will walk you through creating a package.json file.It only covers the most common items, and tries to guess sane defaults.
    See `npm help json` for definitive documentation on these fieldsand exactly what they do.
    Use `npm install –save` afterwards to install a package andsave it as a dependency in the package.json file.
    Press ^C at any time to quit.name: (yii_advanced) version: (1.0.0) description: entry point: (index.js) test command: git repository: keywords: author: license: (ISC) About to write to yii_advanced/package.json:
    {  “name”: “yii_advanced”,  “version”: “1.0.0”,  “description”: “Yii 2 Advanced Project Template ===============================”,  “main”: “index.js”,  “directories”: {    “test”: “tests”  },  “scripts”: {    “test”: “echo “Error: no test specified” && exit 1″  },  “author”: “”,  “license”: “ISC”}

    Is this ok? (yes) yes

    gulpをローカルインストール。
    sudoを付けないとファイルの権限不足でエラーになる。

    $ sudo npm install –save-dev gulp
    gulp@3.9.0 ../../../node_modules/gulp
    ├── pretty-hrtime@1.0.0
    ├── interpret@0.6.2
    ├── deprecated@0.0.1
    ├── archy@1.0.0
    ├── minimist@1.1.1
    ├── v8flags@2.0.9 (user-home@1.1.1)
    ├── tildify@1.1.0 (os-homedir@1.0.0)
    ├── semver@4.3.6
    ├── chalk@1.0.0 (escape-string-regexp@1.0.3, ansi-styles@2.0.1, supports-color@1.3.1, strip-ansi@2.0.1, has-ansi@1.0.3)
    ├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5)
    ├── liftoff@2.1.0 (extend@2.0.1, rechoir@0.6.1, flagged-respawn@0.3.1, resolve@1.1.6, findup-sync@0.2.1)
    ├── vinyl-fs@0.3.13 (graceful-fs@3.0.8, mkdirp@0.5.1, strip-bom@1.0.0, vinyl@0.4.6, defaults@1.0.2, through2@0.6.5, glob-stream@3.1.18, glob-watcher@0.0.6)
    └── gulp-util@3.0.6 (array-differ@1.0.0, array-uniq@1.0.2, lodash._reevaluate@3.0.0, lodash._reescape@3.0.0, lodash._reinterpolate@3.0.0, beeper@1.1.0, object-assign@3.0.0, replace-ext@0.0.1, vinyl@0.5.0, multipipe@0.1.2, lodash.template@3.6.1, through2@2.0.0, dateformat@1.0.11)

    バージョンチェック!

    $ gulp -v[5:48:18] CLI version 3.8.11[5:48:18] Local version 3.9.0

    あれ?バージョン違う。
    グローバルインストールができていない時や、バージョンが違う時は、

    $ sudo npm install -g gulp
    /usr/local/bin/gulp -> /usr/local/lib/node_modules/gulp/bin/gulp.jsgulp@3.9.0 /usr/local/lib/node_modules/gulp├── pretty-hrtime@1.0.0├── interpret@0.6.2├── deprecated@0.0.1├── archy@1.0.0├── minimist@1.1.1├── v8flags@2.0.9 (user-home@1.1.1)├── tildify@1.1.0 (os-homedir@1.0.0)├── chalk@1.0.0 (escape-string-regexp@1.0.3, ansi-styles@2.0.1, supports-color@1.3.1, strip-ansi@2.0.1, has-ansi@1.0.3)├── semver@4.3.6├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5)├── gulp-util@3.0.6 (array-differ@1.0.0, array-uniq@1.0.2, lodash._reevaluate@3.0.0, lodash._reinterpolate@3.0.0, beeper@1.1.0, lodash._reescape@3.0.0, object-assign@3.0.0, replace-ext@0.0.1, vinyl@0.5.0, lodash.template@3.6.1, through2@2.0.0, multipipe@0.1.2, dateformat@1.0.11)├── vinyl-fs@0.3.13 (graceful-fs@3.0.8, strip-bom@1.0.0, defaults@1.0.2, vinyl@0.4.6, mkdirp@0.5.1, through2@0.6.5, glob-watcher@0.0.6, glob-stream@3.1.18)└── liftoff@2.1.0 (extend@2.0.1, rechoir@0.6.1, flagged-respawn@0.3.1, resolve@1.1.6, findup-sync@0.2.1)$ gulp -v[5:54:37] CLI version 3.9.0[5:54:37] Local version 3.9.0

    バージョンも一致!

    $ gulp
    [6:24:32] No gulpfile found

    それではgulpfile.jsを作りましょう。

    $vi gulpfile.jsvar gulp = require(‘gulp’);
    gulp.task(‘default’, function() {
    console.log(“Hello World!”);
    });

    で、

    $ gulp[6:27:04] Using gulpfile yii_advanced/gulpfile.js[6:27:04] Starting ‘default’…Hello World![6:27:04] Finished ‘default’ after 151 μs

    よし。
    あとは、Browsersyncをやりたいが、それはWindowsの時と一緒だから、もういいか。
  • サイト改装への道(17) 「Yii2にBrowserSyncを仕込む」

    いよいよ本題に近づいてきた。
    これを試したくて頑張ってきた。多分。

    まずは、BrowserSyncのインストール。

    $ npm install –save-dev browser-sync
    browser-sync@2.7.12 node_modulesbrowser-sync
    ├── async-each-series@0.1.1
    ├── query-string@2.3.0
    ├── longest@1.0.1
    ├── ucfirst@0.0.1
    ├── emitter-steward@0.0.1
    ├── opn@2.0.1
    ├── dev-ip@1.0.1
    ├── pad-left@1.0.2 (repeat-string@1.5.2)
    ├── ua-parser-js@0.7.7
    ├── portscanner@1.0.0 (async@0.1.15)
    ├── serve-static@1.10.0 (escape-html@1.0.2, parseurl@1.3.0, send@0.13.0)
    ├── foxy@11.0.3 (cookie@0.1.3, lodash.merge@3.3.1)
    ├── connect@3.4.0 (utils-merge@1.0.0, parseurl@1.3.0, debug@2.2.0, finalhandler@0.4.0)
    ├── browser-sync-client@2.2.1 (fresh@0.3.0, etag@1.7.0)
    ├── meow@3.3.0 (object-assign@3.0.0, camelcase-keys@1.0.0, minimist@1.1.1, indent-string@1.2.1)
    ├── immutable@3.7.4
    ├── resp-modifier@4.0.2 (minimatch@2.0.8)
    ├── anymatch@1.3.0 (arrify@1.0.0, micromatch@2.1.6)
    ├── chokidar@1.0.3 (arrify@1.0.0, is-glob@1.1.3, path-is-absolute@1.0.0, glob-parent@1.2.0, async-each@0.1.6, is-binary-path@1.0.1, readdirp@1.3.0)
    ├── serve-index@1.7.0 (escape-html@1.0.2, parseurl@1.3.0, batch@0.5.2, http-errors@1.3.1, debug@2.2.0, accepts@1.2.9, mime-types@2.1.1)
    ├── easy-extender@2.3.1 (lodash@2.4.2)
    ├── eazy-logger@2.1.2 (tfunk@3.0.1, opt-merger@1.1.0)
    ├── localtunnel@1.5.1 (debug@0.7.4, optimist@0.3.4, request@2.11.4)
    ├── socket.io@1.3.5 (debug@2.1.0, has-binary-data@0.1.3, socket.io-adapter@0.3.1, engine.io@1.5.1, socket.io-parser@2.2.4, socket.io-client@1.3.5)
    ├── lodash@3.9.3
    └── browser-sync-ui@0.5.11 (angular-touch@1.4.1, connect-history-api-fallback@0.0.5, angular-sanitize@1.4.1, angular-route@1.4.1, angular@1.4.1, stream-throttle@0.1.3, weinre@2.0.0-pre-I0Z7U9OV)
    そして、gulpfile.jsを編集。

    var gulp = require(‘gulp’);
    var browserSync = require(‘browser-sync’);
    var httpProxy = require(‘http-proxy’);
    gulp.task(‘browser-sync’, function() {
    var proxy = httpProxy.createProxyServer({});
    browserSync({
    notify : false,
    logPrefix : ‘WSK’,
    server : {
    baseDir : “./”,
    middleware : function(req, res, next) {
    var url = req.url;
    proxy.web(req, res, {
    target : ‘http://localhost:80’
    });
    }
    },
    startPath : “/yii2-app-advanced/frontend/web/index.php”,
    });
    });
    gulp.task(‘bs-reload’, function() {
    browserSync.reload();
    });
    gulp.task(‘default’, [ ‘browser-sync’ ], function() {
    gulp.watch(“frontend/**/*.html”, [ ‘bs-reload’ ]);
    gulp.watch(“frontend/**/*.php”, [ ‘bs-reload’ ]);
    });
    はい。いきなりなので訳分かりませんね。
    コメントを付けておきましょう。30分後の自分のために。

    var gulp = require(‘gulp’); // gulp本体のインスタンスを生成
    var browserSync = require(‘browser-sync’); // プラグインである「browser-sync」のインスタンスを生成
    var httpProxy = require(‘http-proxy’); // 同じくプラグインである「http-proxy」のインスタンスを生成
    // 1つ目のタスク「browser-sync」を定義する
    gulp.task(‘browser-sync’, function() { // 「browser-sync」を実行する指示があれば、function()を実行する。
    var proxy = httpProxy.createProxyServer({}); // Proxyサーバを生成
    browserSync({ // browser-syncの本体
    notify : false, // 画面右上にちらっと「Connected to BrowserSync」と表示したくない
    logPrefix : ‘WSK’, // ログの前に、[WSK]と表示させる。
    server : { // サーバーの設定
    baseDir : “./”, // 基本URL
    middleware : function(req, res, next) { // ミドルウェアの定義
    proxy.web(req, res, {
    target : ‘http://localhost:80’
    });
    //next(); // 次のミドルウェアを呼ぶ
    }
    },
    startPath : “/yii2-app-advanced/frontend/web/index.php”, // 最初に開くページ
    });
    });
    // 2つ目のタスク「bs-reload」を定義する
    gulp.task(‘bs-reload’, function() {
    browserSync.reload(); // リロード
    });
    // 3つ目のタスク「default」を定義する
    // コマンドラインで、引数なしのgulpを実行すると、このタスクが実行される。
    gulp.task(‘default’, [ ‘browser-sync’ ], function() { // タスク「browser-sync」を実行した後にfuncion()を実行する。
    gulp.watch(“frontend/**/*.html”, [ ‘bs-reload’ ]); // frontendフォルダ以下の全てのhtmlファイルを監視し、変更されたらタスク「bs-reload」を実行する。
    gulp.watch(“frontend/**/*.php”, [ ‘bs-reload’ ]); // frontendフォルダ以下の全てのphpファイルを監視し、変更されたらタスク「bs-reload」を実行する。
    });

    合ってるのか?間違ってるのか?
    でも、GitBashで、gulpと入力すれば、実際BrowserSyncが実現できたから、機能はしているみたい。
    さて、ここからどんだけ改善できるかだな。