wordpressでなくともwebページにfacebookへの「いいね」や「シェア」を用意したいとき、そんなときはPage Pluginを使って設置しましょう。
https://developers.facebook.com/docs/plugins/page-plugin
にアクセスし、
urlや、width, heightなど入力するとプレビュー画面でイメージの確認ができます。
レイアウトを調整した後は、｢Get Code｣ボタンを押すと、javascriptとhtmlが表示されるのでコピーして貼り付けましょう。
Apple製品は連携が魅力的ですが、時にはそれが困ることもあります。
調べると簡単で、イメージキャプチャのこちらの左下にあるアイコンをクリックし、
“割り当てなし”を選択。
たったこれだけ。それではみなさん快適な開発生活を。
2015年5月時点のものです。facebookの仕様はよく変わる為ご注意ください。
これです
facebookのOGPを設定を行うには、２種類の方法があります。
ページのメタ情報にfb:adminsを設定する方法と、
fb:app_idを設定する方法です。
自分のfacebookページのプロフィールページにアクセスし、
https://www.facebook.com/(user_name)
urlを
https://graph.facebook.com/(user_name)
のように書き換えると、
|
1 2 3 4 5 6 7 8 9 10 |
{ "id": "999999999999999", "first_name": "xxxxxx", "gender": "male", "last_name": "xxxxxx", "locale": "ja_JP", "name": "xxxxxx xxxxxx", "username": "xxxxxx.xxxxxx" } |
という情報が取得できます。
このidを使い、htmlのheadに
|
1 2 3 4 5 6 |
<head> ... <meta property="fb:admins" content="取得したid"/> </head> |
と、追加して下さい。
https://developers.facebook.com/apps/
にアクセスし、facebookアプリを作成します。
webサイトを選択し、ページ用アプリで良いでしょう。
webページのurlを入力後してcreateで完成です。
念のため、作成したアプリが有効になっているか確認して下さい。
そしてこのApp IDをを使い、htmlのheadに
|
1 2 3 4 5 6 |
<head> ... <meta property='fb:app_id' content='取得したApp ID'> </head> |
と、追加して下さい。
facebook公式ツールを使用して確認しましょう。
https://developers.facebook.com/tools/debug/
Debugボタンを押して
Error parsing input URL, no data was cached, or no data was scraped.
と表示された場合、まだキャッシュされていないので、
Fetch new scrape informationボタンで再取得しましょう。
個人アカウントを作成し、ビジネスアカウントに移行 という手順を取ります。
で作成しましょう。
作成段階の「友達を検索」などはスキップしましょう。
アカウント作成は登録時に使用したメールアドレスに認証のメールが届くので完了させましょう。
1で作成したアカウントにログインしたまま、
https://www.facebook.com/pages/create.php?migrate
にアクセスして作成したいビジネスアカウントの種類を選択して、作成しましょう。
個人アカウントからビジネスアカウントに変更すると、それまでのアカウントに関連付けされているデータが消えるので新しく作成したアカウントでログインしているか注意しましょう。
個人アカウントから移行しただけでは個人アカウント作成時のアカウント名になっていますので、名前を変更する必要があります。
基本データ から名前を変更しましょう。
プロフィール写真や、簡単な説明も忘れずに。
ビジネスアカウントに移行直後は名前の変更ができませんでした。数分すると変更できたことからキャッシュされているのかもしれません。
設定 > 一般 > 公開範囲
で非公開にすることができます。
mysql.sockのパスが違うのが原因です。
どこにあるか探しましょう。
|
1 2 |
sudo find / -name mysql.sock |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
# /path/toの箇所は適宜変更して下さい。 vi /private/etc/apache2/other/sample.conf <VirtualHost *:80> DocumentRoot "/path/to/www" ServerName local.localhost <Directory "/path/to/www"> Options Includes ExecCGI FollowSymLinks AllowOverride All order deny,allow allow from All php_value mysql.default_socket /path/to/mysql.sock php_value mysqli.default_socket /path/to/mysql.sock </Directory> </VirtualHost> |
|
1 2 3 4 |
vi /path/to/www/info.php <?php phpinfo(); |
でphpinfoを表示するものを定義し、
http://local.localhost/info.php
で確認しましょう
php.iniの該当箇所を
|
1 2 |
mysql.default_socket /path/to/mysql.sock |
を変える。
.htaccessに
|
1 2 |
php_value mysql.default_socket /path/to/mysql.sock |
を定義する。
個人的にはオススメしませんが、.phpファイルに直接
|
1 2 |
ini_set("mysql.default_socket","/path/to/mysql.sock"); |
という手もあります。
複数の開発を見越して、VirtualHostで環境を定義しましょう。
|
1 2 3 4 5 |
vi /private/etc/apache2/httpd.conf #LoadModule php5_module libexec/apache2/libphp5.so LoadModule php5_module libexec/apache2/libphp5.so |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
# /path/toの箇所は適宜変更して下さい。 vi /private/etc/apache2/other/sample.conf <VirtualHost *:80> DocumentRoot "/path/to/www" ServerName sample.localhost <Directory "/path/to/www"> Options Includes ExecCGI FollowSymLinks AllowOverride All order deny,allow allow from All </Directory> </VirtualHost> |
|
1 2 |
sudo apachectl restart |
これで
http://sample.localhost
にアクセスできます。
## CentOSでパスワードなしでssh接続をする設定
ローカル環境で行う作業は[local]%
サーバー環境で行う作業は[server]$
で記載しています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
[server]$ # .sshディレクトリがなければ作成する [server]$ mkdir .ssh [server]$ chmod 700 .ssh [local]% # 鍵を作成する [local]% ssh-keygen -t rsa -C "comment" -f ~/.ssh/id_rsa_file_name [local]% # scpでファイルをアップロード この時はまだパスワードが必要 [local]% # ファイルをアップロードできればツールでもクリップボードでも [local]% scp ~/.ssh/id_rsa_file_name.pub (server_user)@(server_host):~/.ssh/ [server]$ # なければ「authorized_keys」という名前のファイルを作成 [server]$ touch ~/.ssh/authorized_keys [server]$ # authorized_keysの最後に追加 [server]$ cat ~/.ssh/id_rsa_file_name.pub >> ~/.ssh/authorized_keys [server]$ # お掃除 [server]$ rm ~/.ssh/id_rsa_file_name.pub [server]$ # 権限を適正に [server]$ chmod 600 authorized_keys [server]$ # パスワード認証の停止 [server]$ vi /etc/ssh/sshd_config #PubkeyAuthentication yes #AuthorizedKeysFile .ssh/authorized_keys PubkeyAuthentication yes #コメントアウトを外す AuthorizedKeysFile .ssh/authorized_keys #コメントアウトを外す [server]$ # sshdを再起動して有効化 [server]$ service sshd restart [local]% # これでローカルからパスワードなしで接続ができます [local]% ssh (server_user)@(server_host) |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
[local]% # もしユーザー名指定したい場合 [local]% vi ~/.ssh/config Host ssh_original_host_name HostName (server_host) IdentityFile ~/.ssh/id_rsa_file_name User (server_user) TCPKeepAlive yes [local]% # と設定を追加することで [local]% ssh ssh_original_host_name [local]% # でユーザー指定のssh接続ができます。 |
ログインできない時、パーミッションを疑いましょう。
|
1 2 |
[local]% vi /var/log/secure |
色々なサイトにお世話になりながら少しずつ使いやすいものになってきています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 |
vi ~/.vimrc set encoding=utf-8 scriptencoding utf-8 " Charset, Line ending ----------------- set termencoding=utf-8 set fileencodings=utf-8,cp932,euc-jp,iso-2022-jp set ffs=unix,dos,mac " LF, CRLF, CR if exists('&ambiwidth') set ambiwidth=double " UTF-8の□や○でカーソル位置がずれないようにする endif """""""""""""""""""""""""""""" " プラグインのセットアップ """""""""""""""""""""""""""""" if has('vim_starting') set nocompatible " Be iMproved " Required: set runtimepath+=~/.vim/bundle/neobundle.vim/ endif " Required: call neobundle#begin(expand('~/.vim/bundle/')) " Let NeoBundle manage NeoBundle " Required: NeoBundleFetch 'Shougo/neobundle.vim' " ファイルオープンを便利に "NeoBundle 'Shougo/unite.vim' " Unite.vimで最近使ったファイルを表示できるようにする "NeoBundle 'Shougo/neomru.vim' NeoBundle 'scrooloose/nerdtree' " tree表示 " help: コマンドラインモードで:NERDTreeでツリー表示。qでツリー表示画面を閉じる。 NeoBundle 'tomtom/tcomment_vim' " コメントON/OFF " help: Ctrl + - + - (コントロール+ハイフン2回)でコメント化 " note: Shift+Vで対象の範囲を選択 " vim に非同期処理を提供 NeoBundle 'Shougo/vimproc', { \ 'build' : { \ 'windows' : 'make -f make_mingw32.mak', \ 'cygwin' : 'make -f make_cygwin.mak', \ 'mac' : 'make -f make_mac.mak', \ 'unix' : 'make -f make_unix.mak', \ }, \ } "" 補完機能 "NeoBundle has('lua') ? 'Shougo/neocomplete' : 'Shougo/neocomplcache' " color scheme NeoBundle 'tomasr/molokai' call neobundle#end() " Required: "filetype plugin indent on " If there are uninstalled bundles found on startup, " this will conveniently prompt you to install them. NeoBundleCheck """""""""""""""""""""""""""""" " 全角スペースの表示 """""""""""""""""""""""""""""" function! ZenkakuSpace() highlight ZenkakuSpace cterm=underline ctermfg=lightblue guibg=darkgray endfunction if has('syntax') augroup ZenkakuSpace autocmd! autocmd ColorScheme * call ZenkakuSpace() autocmd VimEnter,WinEnter,BufRead * let w:m1=matchadd('ZenkakuSpace', ' ') augroup END call ZenkakuSpace() endif """""""""""""""""""""""""""""" " 挿入モード時、ステータスラインの色を変更 """""""""""""""""""""""""""""" let g:hi_insert = 'highlight StatusLine guifg=gray guibg=darkblue gui=none ctermfg=gray ctermbg=darkblue cterm=none' if has('syntax') augroup InsertHook autocmd! autocmd InsertEnter * call s:StatusLine('Enter') autocmd InsertLeave * call s:StatusLine('Leave') augroup END endif let s:slhlcmd = '' function! s:StatusLine(mode) if a:mode == 'Enter' silent! let s:slhlcmd = 'highlight ' . s:GetHighlight('StatusLine') silent exec g:hi_insert else highlight clear StatusLine silent exec s:slhlcmd endif endfunction function! s:GetHighlight(hi) redir => hl exec 'highlight '.a:hi redir END let hl = substitute(hl, '[\r\n]', '', 'g') let hl = substitute(hl, 'xxx', '', '') return hl endfunction """""""""""""""""""""""""""""" """""""""""""""""""""""""""""" " 最後のカーソル位置を復元する """""""""""""""""""""""""""""" if has("autocmd") autocmd BufReadPost * \ if line("'\"") > 0 && line ("'\"") <= line("$") | \ exe "normal! g'\"" | \ endif endif """""""""""""""""""""""""""""" """""""""""""""""""""""""""""" " 各種オプションの設定 """""""""""""""""""""""""""""" set tags=~/.tags " タグファイルの指定 set noswapfile " スワップファイルは使わない set title " ウインドウのタイトルバーにファイルのパス情報等を表示 set history=2000 " q: で履歴表示 set ruler " カーソルが何行目の何列目に置かれているかを表示 set showcmd " 入力中のコマンドをステータス行に表示 set showmode " 現在のモードを表示 set cmdheight=2 " コマンドラインに使われる画面上の行数 set laststatus=2 " エディタウィンドウの末尾から2行目にステータスラインを常時表示 set wildmenu " コマンドラインモードで<Tab>キーによるファイル名補完を有効 set wildmode=list:full " リスト表示，最長マッチ "set backupdir=$HOME/.vimbackup " バックアップディレクトリの指定 set ignorecase " 大文字小文字無視 set incsearch " インクリメンタルサーチ set smartcase " 小文字のみで検索したときに大文字小文字を無視 set hlsearch " 検索結果をハイライト表示 set incsearch " 検索ワードの最初の文字を入力した時点で検索を開始 set wrapscan " 最後まで検索したら先頭へ戻る set background=dark " 暗い背景色に合わせた配色 set expandtab " タブ入力を複数の空白入力に置き換える set hidden " 保存されていないファイルがあるときでも別のファイルを開ける set list " 不可視文字を表示する set display=uhex " 印字不可能文字を16進数で表示 "set listchars=tab:»-,trail:-,extends:»,precedes:«,nbsp:%,eol:↲ set listchars=tab:▸-,eol:¬ " 不可視文字表示 set number " 行番号を表示する "set nowrap " 画面幅で折り返さない set wrap " ウィンドウの幅より長い行は折り返して、次の行に続けて表示する set matchpairs& matchpairs+=<:> " 対応括弧に<と>を追加 set showmatch " 対応する括弧を表示する "set autoindent " 改行時に前の行のインデントを継続する "set smartindent " 改行時に入力された行の末尾に合わせて次の行のインデントを増減する set tabstop=4 " タブ文字の表示幅 set shiftwidth=4 " Vimが挿入するインデントの幅(cindentやautoindent時に挿入されるインデントの幅) set softtabstop=0 " Tabキー押し下げ時の挿入される空白の量，0の場合はtabstopと同じ，BSにも影響する "set smarttab " 行頭の余白内で<Tab>を打ち込むと、shiftwidthの数だけインデント au BufNewFile,BufRead *.py set nowrap tabstop=2 shiftwidth=2 " 拡張子でタブ幅を変更する au BufNewFile,BufRead *.html set nowrap tabstop=2 shiftwidth=2 au BufNewFile,BufRead *.tpl set nowrap tabstop=2 shiftwidth=2 au BufNewFile,BufRead *.smarty set nowrap tabstop=2 shiftwidth=2 set nostartofline " 移動コマンドを使ったとき、行頭に移動しない set whichwrap=b,s,h,l,<,>,[,] " カーソルを行頭、行末で止まらないようにする set scrolloff=3 " スクロールする時に下が見えるようにする set autoread " 他で書き換えられたら自動で読み直す "autocmd BufWritePre * :%s/\s\+$//ge " 保存時に行末の空白を除去 "autocmd BufWritePre * :%s/\t/ /ge " 保存時にtabをスペースに変換 set fileformats=unix,dos,mac " 改行コードの自動認識 set backspace=indent,eol,start " バックスペースで各種消せるようにする set vb t_vb= " ビープ音を消す set novisualbell set clipboard+=unnamed " OSのクリップボードを使う set clipboard=unnamed "set mouse=a " ターミナルでマウスを使用できるようにする "set guioptions+=a " #ついCtrl+Cを使いそうになるので停止 "set ttymouse=xterm2 " ------------------------------------ " colorscheme " ------------------------------------ set t_CO=<t_CO> " 256色表示 syntax on colorscheme molokai " colorschemeへ上書き highlight Normal ctermbg=none " iTerm2での半透明優先 highlight LineNr ctermfg=darkyellow " 行番号の色 highlight Comment ctermfg=49 " コメントの色 """""""""""""""""""""""""""""" " キーマップ """""""""""""""""""""""""""""" "------------------------------------------------------------------------------- " コマンド ノーマルモード 挿入モード コマンドラインモード ビジュアルモード " map/noremap @ - - @ " nmap/nnoremap @ - - - " imap/inoremap - @ - - " cmap/cnoremap - - @ - " vmap/vnoremap - - - @ " map!/noremap! - @ @ - "------------------------------------------------------------------------------- " emacs map! <c-a> <home> map! <c-e> <end> nnoremap <c-a> <home> nnoremap <c-e> <end> " 検索後にジャンプした際に検索単語を画面中央に持ってくる nnoremap n nzz nnoremap N Nzz " vを二回で行末まで選択 vnoremap v $h " 検索結果のハイライトをEsc連打でクリアする nnoremap <ESC><ESC> :nohlsearch<CR> " コロンとセミコロンを入れ替え "nnoremap ; : "nnoremap : ; "vnoremap ; : "vnoremap : ; """""""""""""""""""""""""""""" " vimrcを編集したら即座に反映 augroup source-vimrc autocmd! autocmd BufWritePost *vimrc source $MYVIMRC | set foldmethod=marker autocmd BufWritePost *gvimrc if has('gui_running') source $MYGVIMRC augroup END filetype on |
シンタックスが上手くできていませんが。。
gitで公開しています。
https://github.com/nsm0/vim
.vimrcの色の設定
を解説します
|
1 2 |
highlight {group-name} {key}={arg} |
で設定します
| gVim | vim | 対象 |
|---|---|---|
| gui | cterm | 文字書体 |
| guifg | ctermfg | 文字色 |
| guibg | ctermbg | 背景色 |
ターミナル上(CUI)で動作するのがVimでグラフィカル(GUI)で動作するのがgVimです。
| グループ名 | 対象 |
|---|---|
| Normal | 通常 |
| NonText | EOF以降の~など |
| Comment | コメント |
| Statement | 命令、分岐 |
| Identifier | 関数、識別子 |
| PreProc | プリプロセッサメソッド |
| Type | 型(クラス、構造体) |
| Constant | 定数(文字列、文字、数、Boolean) |
| Special | 特殊記号 |
| Conditional | if, not |
| Repeat | for |
| Exception | try |
| グループ名 | 対象 |
|---|---|
| Visual | アクティブ選択範囲 |
| VisualNOS | 非アクティブな選択範囲 |
| Search | 検索文字列 |
| IncSearch | インクリメンタル中の検索文字列 |
| Folded | 折りたたまれた行 |
| FoldColumn | 折畳表示カラム |
| グループ名 | 対象 |
|---|---|
| DiffAdd | 追加された行 |
| DiffDelete | 削除された行 |
| DiffText | 変更されたテキスト |
| DiffChange | 変更された行 |
|
1 2 |
% vimdiff (file1) (file2) |
| グループ名 | 対象 |
|---|---|
| Pmenu | 通常の項目 |
| PmenuSel | 選択されている項目 |
| PmenuSbar | スクロールバー |
| PmenuThumb | スクロールバーのツマミ部分 |
| グループ名 | 対象 |
|---|---|
| LineNr | 行番号 |
| VertSplit | 垂直分割したウィンドウの区切りとなる桁 |
| グループ名 | 対象 |
|---|---|
| StatusLine | アクティブなステータスライン |
| StatusLineNC | 非アクティブなステータスライン |
| Question | プロンプトメッセージ |
| ModeMsg | “– INSERT –“メッセージ |
| MoreMsg | “–More–“メッセージ |
| WarningMsg | 警告メッセージ |
| ErrorMsg | エラーメッセージ |
|
1 2 3 |
# vimのコマンドモードにて :help highlight-groups |
|
1 2 3 |
# vimのコマンドモードにて :hi |
カラースキーマを設定した後にhighlight〜と書くことで上書きできます。
|
1 2 3 4 5 6 7 |
syntax on¬ colorscheme molokai¬ " colorschemeへ上書き¬ highlight Normal ctermbg=none " iTerm2での半透明優先¬ highlight Comment ctermfg=49 " コメントの色¬ |
|
1 2 3 4 |
call neobundle#begin(expand('~/.vim/bundle/')) 〜 call neobundle#end() |
の間に導入したいプラグインを記載します。
|
1 2 |
:NeoBundleInstall |
でインストールし、
|
1 2 |
:NeoBundleUpdate |
でアップデートします。
vimのコマンドモードで
|
1 2 |
:NeoBundleDirectInstall tomasr/molokai |
