2018年2月21日水曜日

Google Analytics クリックやダウンロードを計測する

「仮想ページビュー」または「イベント」の2種類の方法があります。

方法1:クリックやダウンロードを仮想ページビューとして計測する

この場合は、ページビューとして計測されます。

新しいタグ例:
gtag('config', 'UA-XXXXXXX-1', {'page_title': 'タイトル文字列',
'page_path': 'URLパス'});

参考(以下はタグが古いgaとなっていますが参考になります)
リンクのクリックやダウンロードをページビューとして計測する! 仮想ページビューの使い方と注意点[第64回] |
Googleアナリティクスとは/衣袋教授のGoogleアナリティクス入門講座 | Web担当者Forum
https://webtan.impress.co.jp/e/2013/08/01/15761


方法2:クリックやダウンロードをイベントとして計測する

この場合は、ページビューには含まれず、イベントとして計測されます。

新しいタグ例:
gtag('event', 'MenuOpen', {'event_category':
'MenuClick','event_label': 'ラベル名'});

参考(以下はタグが古いgaとなっていますが参考になります)
ページ内でのユーザー行動が手に取るようにわかる! GAでイベントトラッキングを設定する方法[第53回] |
衣袋教授の新・Googleアナリティクス入門講座 | Web担当者Forum
https://webtan.impress.co.jp/e/2017/09/14/26783

2018年2月19日月曜日

Django (Python) の構築方法

PythonのWebアプリケーション(Django)を初心者にもわかりやすく解説(1)【環境構築編】 - Qiita
https://qiita.com/yoshizaki_kkgk/items/f3c79e38b802c7fc8863

No.タイトル
1PythonのWebアプリケーション(Django)を初心者にもわかりやすく解説(1)【環境構築編】
2PythonのWebアプリケーション(Django)を初心者にもわかりやすく解説(2)【プロジェクト作成編】
3PythonのWebアプリケーション(Django)を初心者にもわかりやすく解説(3)【アプリケーション作成・DB設定編】
4PythonのWebアプリケーション(Django)を初心者にもわかりやすく解説(4)【ルーティング設定・MTVデザインパターン入門編】
5PythonのWebアプリケーション(Django)を初心者にもわかりやすく解説(5)【Django shellでDB操作入門編】
6PythonのWebアプリケーション(Django)を初心者にもわかりやすく解説(6)【MTVデザインパターン完成編】

面倒な作業不要で、Webアプリ開発が劇的にはかどる!至高のJavaScriptライブラリ6選 - paiza開発日誌

http://paiza.hatenablog.com/entry/2018/02/15/%E9%9D%A2%E5%80%92%E3%81%AA%E4%BD%9C%E6%A5%AD%E4%B8%8D%E8%A6%81%E3%81%A7%E3%80%81Web%E3%82%A2%E3%83%97%E3%83%AA%E9%96%8B%E7%99%BA%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E3%81%AF%E3%81%8B%E3%81%A9%E3%82%8B

■波形表示やプレイヤーも作れる高機能な音楽ライブラリ!

 wavesurfer.js 


■リアルタイムコラボを超簡単に実現するライブラリ!

 TogetherJS 



■多機能なマークダウンエディタを搭載できるライブラリ!

 SimpleMDE 


■高品質な日本語の音声ボイスを合成できるライブラリ!

■グリッドレイアウトを究極にカスタマイズできるライブラリ!

 Muuri 


■独自のWebオーサリングツールを構築できるライブラリ!

 GrapeJS 






2018年2月14日水曜日

Electronの脆弱性

脆弱性(2018年1月18日に報告された CVE-2018-1000006)が存在するElectronのバージョンは、
1.8.2-beta.3以前
1.7.10以前
1.6.15以前
最新のElectronでは脆弱性が修正されているとのこと。
この脆弱性は以下の二条件に該当する場合発生する。
・Windows上で動作するElectronアプリである。
・そのアプリがURLで開けるようになっている。

攻撃を再現して驚いた! Skypeなど多数のアプリにあまりに致命的な脆弱性 | 日経 xTECH(クロステック)

Illustratorで実現できる!実用度の高いデザインの作り方、チュートリアル30個まとめ - PhotoshopVIP

2018年2月8日木曜日

Linux (CentOS7) 開いているポートの確認

$ netstat -ltup4

または

#数値(IPアドレス)表示
$ netstat -ltunp4

オプション説明
-lListenしているポートのみ表示
-tTCPを表示
-uUDPを表示
-nポートやホストを数値で表示
-pポートを開いているプロセスを表示(sudo)
-4IPv4のみ
-6IPv6のみ




Linuxで開いているポートを確認する方法 | mzgkworks.com
http://mzgkworks.com/post/linux-port-confirm/

CentOS7にJupyter Notebookを導入 - Qiita

https://qiita.com/hiroseabook/items/1da01ea439b01c1eb48c

Linux (CentOS7) Firewalld でポート開放する方法

CentOS7でポートを開放する方法。 - プログラミングで飯を食え。腕をあげたきゃ備忘録!
http://senoway.hatenablog.com/entry/2015/02/11/142139

# 許可されているサービスやポートの一覧を表示
firewall-cmd --list-all --zone=public
firewall-cmd --list-services --zone=public
firewall-cmd --list-ports --zone=public

# 許可するサービスの追加と削除
firewall-cmd --add-service=ssh --zone=public --permanent
firewall-cmd --remove-service=ssh --zone=public --permanent

# 許可するポートの追加と削除
firewall-cmd --add-port=22/tcp --zone=public --permanent
firewall-cmd --remove-port=22/tcp --zone=public --permanent

# 利用可能なサービス一覧
firewall-cmd --get-services

# firewalldのリロード
firewall-cmd --reload

2018年2月7日水曜日

Juyter Notebook をオンラインで

Alibaba CloudでJupyter notebookを構築する - Qiita
https://qiita.com/sbcnan/items/a9a67483f7d746639852


c.NotebookApp.ip = '*'
c.NotebookApp.open_browser = False
c.NotebookApp.password = u'sha1: xxxx your hashed password'
c.NotebookApp.certfile = u' /path/to/your/certificate/mycert.pem'
c.Notebook.App.port = 8888 #自分の好きなポート番号


最後の2行で、スペース無し、Notebook.App の ピリオド無しにしないと正しく動作しません。
c.NotebookApp.certfile = u'/path/to/your/certificate/mycert.pem'
c.NotebookApp.port = 8888 #自分の好きなポート番号

CentOS7にPython3をインストール(再)

CentOS7に元々含まれている Python2.x はそのままにして、
Python3.x をインストールします。
※Python2をPython3に置き換えてしまうとyumが動かないので。

リポジトリを追加。
$ sudo yum install -y https://centos7.iuscommunity.org/ius-release.rpm

現状、最新は3.6なので3.6をインストール。
$ yum search python36
$ sudo yum install python36u python36u-libs python36u-devel python36u-pip

確認。
$ python --version
Python 2.7.5

$ python3.6 --version
Python 3.6.2

シンボリックリンクを確認してみました。
$ ls -l /usr/bin/python*

以下のようになっていました。
/usr/bin/python -> python2
/usr/bin/python2 -> python2.7
/usr/bin/python2.7
/usr/bin/python2.7-futurize
/usr/bin/python2.7-pasteurize
/usr/bin/python3.6
/usr/bin/python3.6-config -> /usr/bin/python3.6m-config
/usr/bin/python3.6m
/usr/bin/python3.6m-config
/usr/bin/python3.6m-x86_64-config


参考
CentOS7にPython3をインストール - Qiita
https://qiita.com/estaro/items/5a9e4eb8f0902b9977e3

コーディング初心者こそ知っておきたい便利な「CSS関数」5選|ferret [フェレット]

https://ferret-plus.com/8336?utm_source=ferret&utm_medium=email&utm_campaign=20180207-1



◉ Sent from my iPhone

2018年2月1日木曜日

Linux xargs コマンド

xargs コマンド | コマンドの使い方(Linux) | hydroculのメモ
http://hydrocul.github.io/wiki/commands/xargs.html


findで見つけたファイルを一括削除する

$ find . -name "*.txt" | xargs rm

以下も同様だが、findの結果が多すぎるとエラーになる
$ rm `find . -name "*.txt"`

Mac OSXでssh-copy-idを使う

OSXでssh-copy-id
https://qiita.com/sl2/items/90c0b022190425c27d06


Macでssh-copy-idが使えなかったので以下のようにインストールしました。

1.GitHubよりダウンロード
# curl https://raw.githubusercontent.com/beautifulcode/ssh-copy-id-for-OSX/master/ssh-copy-id.sh
-o
/usr/local/bin/ssh-copy-id

2.実行権限の付与
# chmod +x /usr/local/bin/ssh-copy-id