スキップしてメイン コンテンツに移動

投稿

7月, 2013の投稿を表示しています

XSERVERにSSH接続してgitをインストールする方法

macでの操作を前提にしています。
SSHでxserverに接続して、xserverにgitをインストールします。

1.SSH接続編
1.1 xserverのsshの設定をonにする
参考
http://www.xserver.ne.jp/manual/man_server_ssh.php

1.2 公開鍵認証用鍵ペアの生成、公開鍵の登録
=>サーバー上で公開鍵認証用鍵ペアの生成を行う
(パスフレーズ、メモしておく)

1.3 秘密鍵をダウンロードし、~/.ssh/に保存
(~/.ssh/hoge.key)

1.4 パーミッション設定
chmod 600 ~/.ssh/hoge.key

1.5 ssh接続用の設定ファイル作成
vi ~/.ssh/config
------ config の中身
Host hoge.xsrv.jp
  HostName hoge.xsrv.jp
  Port 12345(<=実際のポート番号入力)
  User hoge
  IdentityFile ~/.ssh/hoge.key

Host samplehost2(<=他にもある場合)
  HostName samplehost2.com
  Port 12345
  User username2
  IdentityFile ~/.ssh/id_rsa2
------

6.ターミナルで接続
ssh hoge.xsrv.jp

7.表示されるダイアログにパスフレーズ入力


2.gitインストール編 ここに書いてあります。感謝。
http://3.1415.jp/ua7xskej

念のため以下にコピーさせていただきます。
ーーーーここからーーーーー
まず、GNU gettextが必要なのでインストールする。場所はホームディレクトリの opt 以下ということにする。

[Xserverで作業]
$ wget http://ftp.gnu.org/pub/gnu/gettext/gettext-0.18.2.tar.gz
$ tar zxvf gettext-0.18.2.tar.gz
$ cd gettext-0.18.2
$ ./configure --prefix=/home/[ユーザ名]/opt
$ make install

インストールした gettext のコマンドラ…

Dreamweaver CCでのZen Codingインストール

Dreamweaver CCにバージョンアップ後、いつものZen Codingをしようと、ctrl + , ....
反応しない。。。

CS6で入れた拡張機能は移行されなかった模様です。
しかも、公式DLサイト
https://code.google.com/p/zen-coding/downloads/list
では、CS6までしか対応していないZen Coding v.0.7.5.mxpまでしかダウンロードできない。。。

てことで
Dreamweaver CCにZen Codingをインストールする方法


【方法1】
1.Extension Manager CCをインストール

2.https://meemblog.wordpress.com/2013/06/24/zen-coding-for-adobe-dreamweaver-cc/
からZen Coding for Adobe Dreamweaver CC.zipをダウンロード

3.展開されるZen Coding.zxpをダブルクリック
(Extension Manager CCによりDreamweaver CCにZen Codingがインストールされます。)



【方法2】
1.Extension Manager CS6でmxpをzxpにコンバート
(ツール>MXP 拡張機能を ZXP に変換)

2.Extension Manager CCで上記zxpをインストール


WordPressでAdvanced Custom Fieldsの画像表示ボタンが効かないとき

WordPressのカスタムフィールドプラグイン
Advanced Custom Fields
をインストールして、投稿画面の画像表示ボタンが効かないときは以下をチェックしてみてください。

(1).htaccessの設定
phpやjsのアクセス制限などしていないか確認

(2)ディレクトリのパーミッション確認
インストール時に、/wp-content/に書き込みできるようにパーミッションを777にしますが、戻すのを忘れていないか。
以下フォルダを755などにして確認

/wp-content/plugins/advanced-custom-fields/js
/wp-content/plugins/advanced-custom-fields/
/wp-content/plugins/
/wp-content/

スマホのときだけtelリンクを設置する方法

HTML
<img src="tel.png" alt="0123-45-6789"  data-tel="0123-45-6789"/>
(<span data-tel="0123-45-6789">0123-45-6789</span>とかでもOK)


JavaScript
$(document).ready(function () {

    // 実際は初回とウィンドウリサイズ時に実行(※1)
    if ($(window).width() <= 480) {
        $("[data-tel]").each(function(){
            if ($(this).parent().get(0).tagName.toLowerCase() != "a") {
                var tel = $(this).attr("data-tel");
                $(this).wrap("<a href=" + 'tel:' + tel + "></a>");
            }
        });
    } else {
        $("[data-tel]").each(function(){
            if ($(this).parent().get(0).tagName.toLowerCase() == "a") {
                $(this).unwrap();
            }
        });
    }

});


とやると、幅480px以下のときは
HTML
<a href="tel:0123-45-6789"><img src="tel.png" alt="0123-45-6789"  data-tel="0123-45-6789&qu…