[SublimeText] テキストエディタを便利にするおすすめ設定集
[SublimeText] テキストエディタを便利にするおすすめ設定集
目的
- 筆者愛用中のWindowsでもMacでも利用できるテキストエディタを、初期設定値からより便利にする
1. パッケージコントロールのインストール
- 1. Ctrl + @ で、コマンド入力画面を開く
- 2. 下記呪文を入力し、実行
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
2. テーマのインストール [Sublime Text 2 Theme – Flatland]
一目惚れしたFlatlandテーマを利用しています。ここは、お好きなテーマをインストールしてください(。・ω・。)
- 1. Ctrl + Shift + P で、パッケージコントロールを開く
- 2. [Package Control: Install Package]を選択する
- 3. [Theme – Flatland]を選択する(インストール)
- 4. ユーザ設定に、下記を追加する(カラーはMonokaiを使う)
"theme": "Flatland Dark.sublime-theme" , "color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme"
3. ファイル比較プラグインをインストール
簡単にファイル比較が実施できるよう、ファイル比較プラグインを導入します( • ̀ω•́ )✧
- 1. Ctrl + Shift + P で、パッケージコントロールを開く
- 2. [Package Control: Install Package]を選択する
- 3. [FileDiffs]を選択する(インストール)
4. Shift-jisファイル形式を開けるようにする
SublimeText、実は初期設定ではShift-jisが文字化けしてしまいます(ノд・。)ということで、設定追加です!
- 1. Ctrl + Shift + P で、パッケージコントロールを開く
- 2. [Package Control: Install Package]を選択する
- 3. [ConvertToUTF8]を選択する(インストール)
私的おすすめユーザ設定ファイル
オススメの私的設定ファイルを公開します!使えそうなものがあれば、ご利用下さいv(。・ω・。)ィェィ♪
// Settings in here override those in "Default/Preferences.sublime-settings", and // are overridden in turn by file type specific settings. //# ---------------------------------------------------------------- //# PhoEniBiR Setting //# ---------------------------------------------------------------- { //# テーマの設定(Flatlandテーマインストール後) //"theme" : "Default.sublime-theme" "theme": "Flatland Dark.sublime-theme" , "color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme" //# デフォルトのエンコーディング , "default_encoding" : "UTF-8" //# デフォルトの改行コード(UNIX:LFに設定) , "default_line_ending" : "unix" //# フォント , "font_face" : "Meiryo UI" , "font_size" : 13 //# 行番号の表示 , "line_numbers" : true //# タブサイズ , "tab_size" : 2 //# タブ・スペース変換 , "translate_tabs_to_spaces" : true //# 横スクロール , "word_wrap" : false //# フォーカス行のハイライト , "highlight_line" : true //# 対応する[]の強調 , "match_brackets_square" : true //# 対応する{}の強調 , "match_brackets_braces" : true //# 対応する<>の強調 , "match_brackets_angle" : true //# 対応するタグの強調 , "match_tags" : true //# ガーターの表示 , "gutter": true //# 折り畳みボタン , "fold_buttons" : true //# オートインデント , "auto_indent" : true //# 空行のインデントを取り除く , "trim_automatic_white_space" : true //# プログラムのソースコード:折り返さない・普通のテキストファイルなら折り返し , "word_wrap": "auto" //# 折り返し幅(0:ウィンドウ幅で折り返す) , "wrap_width" : 0 //# 折り返し後の開始位置(true:インデント行に折り返し) , "indent_subsequent_lines" : true //# かっこ等を補完 , "auto_match_enabled" : true //# ミニマップに、枠を表示する , "draw_minimap_border" : true //# 同じ単語を強調する(選択時、白枠で囲む) , "match_selection" : true //# タブ補完 , "tab_completion" : true //# オートコンプリート , "auto_complete" : true //# どの位置にいても、Shift + Tabでインデント削除 , "shift_tab_unindent" : false //# 文字を選択した状態で検索すると、デフォルトで選択文字が入力される , "find_selected_text" : true //# FOLDERSを太文字にする , "bold_folder_labels" : true //# 未保存のタブをハイライト , "highlight_modified_tabs" : true //# 新規ファイルを既存のWindowで開く , "open_files_in_new_window" : false }
8:50:00
SublimeText
[Blogger] GoogleBloggerでソーシャルボタン設置する方法まとめ(ボックス)
[Blogger] GoogleBloggerでソーシャルボタン設置する方法まとめ(ボックス)
目的
ソーシャルボタンをつくり、シェアしてもらうことで、検索エンジン以外からのアクセス数を増やす
仕様
- ソーシャルボタンは、全てボックス型とする
- 対象のSNSは、Facebook、twitter、はてぶ、Google+、Pocketとする
作成手順
- 1. 横並び用のCSSを追加する
- 2. Facebook用に、bodyタグ直後にAPIを埋め込む
- 3. ソーシャルボタンを表示したい位置に、コードを配置する
1. 横並び用のCSSを追加する
ソーシャルボタンを横並びで表示するために、CSSを追加する
/* ○リストの中身を上下左右センター揃え */ .socialButtonLine { position: relative; overflow: hidden; } .socialButtonLine ul { float: left; position: relative; left: 50%; } .socialButtonLine li { position: relative; margin: 0 0 0 10px; left: -50%; display: table-cell; vertical-align: middle; float: left; }
2. Facebook用に、bodyタグ直後にAPIを埋め込む
Facebookのいいねボタンを表示させるために、下記コードをbodyタグ直後に挿入する
<!-- [FacebookAPI] START --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- [FacebookAPI] END -->
3. ソーシャルボタンを表示したい位置に、コードを配置する
ソーシャルボタンを表示したい場所に、下記コードを追加する
<!-- [SocialButton] START --> <div class='socialButtonLine' style='margin:10px 0 30px 0;'> <ul> <li> <!-- [SB] Facebook --> <div class="fb-like" expr:data-href="data:post.url" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"/> </li> <li> <!-- [SB] Hatebu --> <a class='hatena-bookmark-button' data-hatena-bookmark-layout='vertical-balloon' data-hatena-bookmark-lang='ja' expr:data-hatena-bookmark-title='data:post.title' expr:href='"http://b.hatena.ne.jp/entry/" + data:post.canonicalUrl' title='このエントリーをはてなブックマークに追加'><img src='http://b.st-hatena.com/images/entry-button/button-only@2x.png' alt='このエントリーをはてなブックマークに追加' width='20' height='20' style='border: none;' /></a><script type='text/javascript' src='http://b.st-hatena.com/js/bookmark_button.js' charset='utf-8' async='async'></script> </li> <li> <!-- [SB] Twitter --> <a class='twitter-share-button' data-count='vertical' data-hashtags='写真撮影テク' href='https://twitter.com/share'>Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </li> <li> <!-- [SB] Google+ --> <script src='https://apis.google.com/js/platform.js' type='text/javascript'/> <div class='g-plusone' data-size='tall'/> </li> <li> <!-- [SB] Pocket --> <a class='pocket-btn' data-lang='en' data-pocket-count='vertical' data-pocket-label='pocket'/> <script type='text/javascript'>!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script> </li> </ul> </div> <!-- [SocialButton] END -->
いかがでしょうか?うまく表示できない場合は、遠慮なくお問い合わせ下さい(。・ω・。)
1:01:00
Blogger
[CentOS][SSH] ログの確認
CentOS・SSHのログの確認
目的
- botのような招かるざる客のアクセスも多いため、いつ、どこから、どのようなアクセスが有るかをモニタリングしておく
確認の流れ
- 1. ログファイル場所
- 2. 成功・失敗ユーザ数をカウントする
1. ログファイル場所
SSHのログは、デフォルトでは下記の位置に配置される。
# vim /var/log/secure
2. 成功・失敗ユーザ数をカウントする
以下のコマンドを打つことで、SSH成功数・失敗数をカウントすることが出来る
# grep -c invalid /var/log/secure # grep -c failure /var/log/secure # grep -c Accepted /var/log/secure
[VBA] エクセルマクロでステータスにより背景色を変更する(複数色可)
VBA ステータスにより背景色を変更する(複数色可)
目的
- ステータスの変更をキーに、対象行の指定列の背景色を変更する
仕様
- エクセルのマクロを利用する。
- キー列の変更により、対象行の色を変更する。(今回の場合はステータス列)
- 色を変化させる列を指定することにより、範囲内の列の色を変化させる。
プログラムソース
下記ソースを、シートオブジェクトに記載してください。(シートの対象列の変化をキーに色変更を実施するため、標準モジュールに記載しても動作しません。。おそらくですが(´・ω・`)
Option Explicit '# --------------------------------------------------------- '# 変数定義 '# --------------------------------------------------------- '# 行:列情報 Private Const COL_NO_CHECK As Integer = 2 '# チェックする対象行を判断する列番号 Private Const COL_NO_TRIGGER As Integer = 6 '# 色を変化させるトリガーとなる列番号 Private Const COL_COLOR_START As Integer = 2 '# カラー変更開始列番号 Private Const COL_COLOR_END As Integer = 9 '# カラー変更終了列番号 Private Const ROW_SEARCH_START As Integer = 5 '# 開始行番号 '# ステータス情報 Private Const STATUS_NONE As String = "未着手" Private Const STATUS_NOW As String = "仕掛中" Private Const STATUS_CHECK As String = "確認中" Private Const STATUS_DONE As String = "完了" '# --------------------------------------------------------- '# ステータス変更により背景色を変更 '# --------------------------------------------------------- Private Sub Worksheet_Change(ByVal Target As Range) '# ステータス列以外が変更された場合は起動しない If Target.Column <> COL_NO_TRIGGER Then Exit Sub End If '# 変数宣言 Dim int_row_num As Integer '# 行番号 Dim str_status As String '# ステータス名 '# 初期化 int_row_num = ROW_SEARCH_START '# 現在のシートを対象とする With ActiveSheet '# ----------------------------------------------------- '# 最終行まで、ステータスを確認しながら背景色変更 '# ----------------------------------------------------- Do While .Cells(int_row_num, COL_NO_CHECK).Value <> "" '# ステータス情報取得 str_status = CStr(.Cells(int_row_num, COL_NO_TRIGGER).Value) '# カラーチェンジ If str_status = "" Or str_status = STATUS_NONE Then '# 空欄または未着手の場合は背景は白色 Range(Cells(int_row_num, COL_COLOR_START), Cells(int_row_num, COL_COLOR_END)).Interior.ColorIndex = 2 ElseIf str_status = STATUS_CHECK Then '# 仕掛中は背景を黄緑色 Range(Cells(int_row_num, COL_COLOR_START), Cells(int_row_num, COL_COLOR_END)).Interior.ColorIndex = 43 ElseIf str_status = STATUS_NOW Then '# 仕掛中の場合は背景は赤 Range(Cells(int_row_num, COL_COLOR_START), Cells(int_row_num, COL_COLOR_END)).Interior.ColorIndex = 22 ElseIf str_status = STATUS_DONE Then '# 完了の場合は背景はグレー Range(Cells(int_row_num, COL_COLOR_START), Cells(int_row_num, COL_COLOR_END)).Interior.ColorIndex = 15 End If '# 行番号を更新 int_row_num = int_row_num + 1 Loop End With End Sub
16:06:00
VBA
[CentOS][SSH] ルートログイン・空パスワード禁止
CentOS・SSHのルートログイン・空パスワード禁止(。・ω・。)
目的
- rootで直接ログイン出来ないようにする。rootはシステム上最強の権力を持ったアカウント。直接ログイン可能とすると、ブルートフォース攻撃で突破された際に、様々な重要な情報が抜き取られてしまうため。
※尚、sudo利用にすることで、ログにも残せる - 脆弱な空パスワードでのログインを禁止することで、セキュリティポリシを高める
設定の流れ
- 1. configファイルを編集する
- 2. SSHを再起動する
1. configファイルを編集する
- 1-1. configファイルを開く
# vim /etc/ssh/sshd_config
# PermitRootLogin yes ▼ PermitRootLogin no
# PermitEmptyPasswords no ▼ PermitEmptyPassword no
2. SSHを再起動する
# service sshd restart
以上の設定で、ルートログイン、空パスワードでのログインができなくなります。
登録:
投稿
(
Atom
)