Vuetifyでアイコンが表示されない

Vuetifyを使ったアプリケーションを作ろうとしている。

公式サイトのGetting-Startページを参照し、 google contactsレイアウトを選び動作させることまではできた。

だが、アイコンが表示されない。

アイコン表示されない場合は、 アイコン関係のCSSが読み込めていないことが原因だ。

Vuetifyのアイコンは GoogleのMaterial Iconsライブラリを使用している。

以下のページにインストール方法が記載してあったため実行 Icons — Vuetify.js

インストールコマンド

npm install material-design-icons-iconfont -D

importでcssを読み込むように指定

// src/plugins/vuetify.js

import 'material-design-icons-iconfont/dist/material-design-icons.css' // Ensure you are using css-loader
import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'md',
  },
})

起動するとアイコンが表示されるようになった。

REST

雑記

RESTとは、Webのアーキテクチャスタイル。
アーキテクチャスタイルは別名「（マクロ）アーキテクチャパターン」とも言い、
複数のアーキテクチャに共通する性質、様式、作法あるいは流儀をさす言葉

パターンという言葉からデザインパターンを想像するかもしれないが、
デザインパターンは別名「マイクロアーキテクチャパターン」とも言い、
アーキテクチャスタイルより粒度の小さいクラスなどの設計様式を指す。

PHPでGoogle Maps Geocoding APIで、郵便番号から緯度経度を取得

PHP

PHPでGoogle Maps Geocoding APIで、郵便番号から緯度経度を取得を試みた。

 

https://developers.google.com/maps/documentation/geocoding/usage-limits?hl=ja

 

によると、一日2500リクエストは無料で使えるらしいので、リクエストをカウントして、一日のリクエスト制限をかける処理を作成している。

 

PHPでコードを書いた。  

/**
* @param type $address　郵便番号または住所
*/
function getGeocorgind($address) {
    $geoResponse = null;

    if (!$this->isOverRequestCount()) {
        $response = $this->Get("http://maps.googleapis.com/maps/api/geocode/json?              address=" . urlencode($address) . "&language=ja&sensor=false"); 
        $geoResponse = json_decode($response);
        $this->countUpRequestCount();
    }

    return $geoResponse;
}

 

function Get($url) {
    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

    $response = curl_exec($ch);
    if(!curl_errno($ch)) {
         $header = curl_getinfo($ch);
         if ((0 != $header['http_code']) && 
             (200 != $header['http_code']) &&
             (201 != $header['http_code'])
         ) {
              $this->log->error($header['http_code']);
              $this->log->error($response);
        }
    }

    curl_close( $ch );

    return $response; 
}

AngularJSでやっているプロジェクトで経験したこと

AngularJS Javascript

 ■タブとプルダウンと連動していない

　タブとプルダウンが連動する機能の事象
　→調査の結果、Directive内部のversionと連動していないことがわかった。
 

■プルダウンとタブが連動する機能で交互に触っていると画面がくずれる
　調査の結果、Controllerの入れ子によるプロトタイプチェーンの切断によるものとわかった。
　→as コントロールの別名で参照するパラメータを明示的に指定することで解決

 

■Select要素のプロパティ、SelectIndex値が変わらないことによるもの
　対策：Select要素の選択イベントをプログラムするのが早いと判断

'CGRectZero' is unavailable in Swift

swift

以下のロジックで CGRectZero' is unavailable in Swift エラーになった。

        capturePreviewLayer.frame = self.captureView?.bounds ?? CGRectZero

以下のように書き換えればOK

        capturePreviewLayer.frame = self.captureView?.bounds ?? CGRect.zero

swift4でAmbiguous use of 'dispatch_get_main_queue()'

swift

以下のロジックでAmbiguous use of 'dispatch_get_main_queue()'でエラーが出た。

swift4で書いている。

output.setMetadataObjectsDelegate(self, queue: dispatch_get_main_queue())

以下のように書き直せばOK

output.setMetadataObjectsDelegate(self, queue:DispatchQueue.main)