Sublime Text で Markdown を快適にする3つのパッケージ - 情報系大学院生のWebメモ
Sublime Text に恋に落ちて、Markdown 記法ではてなブログを書いています（参照：はじめてのMarkdown記法，恋に落ちる「Sublime Text」のインストール・日本語化）。Sublime Text で Markdown を快適に書けるプラグインを探して、以下の3つのパッケージをインストールしました。 OmniMarkupPreviewer - Markdown をプレビューする Monokai Extended - Markdown をシンタックスハイライトする Markdown Extended - Markdown 内のコードをシンタックスハイライトする これら3つのパッケージの設定方法や機能を説明します。 Package Control を用いたパッケージのインストール Monokai Extended の機能 Before After Markdown Ex
OSXのSublimeText3でGoogle日本語入力の不満を解消し、さらにMarkdown環境を整える - Qiita
OSXのSublimeText3でGoogle日本語入力の不満を解消し、さらにMarkdown環境を整えるSublimeTextSublimeText3 軽いエディタとして最高なSublime Textですが、日本語IMEとの相性が悪かったり、デフォルトではMarkdown環境がなかったり、プログラムを書くにはいいけど日本語を書くには微妙だと思われています。 しかし、ちゃんと設定すれば全部解決するのでSublime好きな人はやりましょう。 ショートカットを無効にし、OSXでのIMEの日本語入力をマトモにする Sublimeはデフォルトでは、Google日本語入力「Tabによる変換候補選択」「Control+Kによる無変換」が機能しません。 これは、Sublimeのデフォルトキーバインドと衝突してしまうのが原因です。普段から使いまくっているショートカットキーが潰されることで「Sublimeを
Sublime Text 3 で日本語を検索したとき文字が消える不具合を直す - MEMOGRAPHIX
Sublime Text (Mac OSX版) を使っていて困るのが、日本語で検索しようとした時で、Enterを押すと入力した文字が消えるので検索できない。 調べたところ、下記の方法で解決できるという情報を見つけた。 Sublime Textの検索窓に日本語を入力する方法方法上記Gistがとても参考になるので、そっちを読めばいい気もするけど、手順を記す。 まず、Sublime Text 3では「Default (OSX).sublime-keymap」を編集可能にする必要がある。 Preferences -> Key Bindings - Default を開き、内容をコピーする。次に、 ~/Library/Application Support/Sublime Text 3/Packages/ の中に Default フォルダを作って、Default (OSX).sublime-keym
OmniMarkupPreviewerでプレビューできない場合の対処法 - Qiita
症状 OmniMarkupPreviewerでプレビューするとブラウザに下記のようなエラーが表示される場合の対処法です。Windows10へsublime text3をインストールし、OmniMarkupPreviewerをインストールしていざCtrl+Alt+Oでプレビューしようとすると、起動したブラウザに下記のようなエラーが発生しました。この記事では下記エラーの対処法を記載致します。 環境 OS Windows10 Home x64 Sublime Text3 build 3114 x64 Syntax Markdown Extended OmniMarkupPreviewer v3.0.0 対処方法 /Users/ユーザ名/AppData/Roaming/Sublime Text 3/Packages/OmniMarkupPreviewer/OmniMarkupLib/Rendere
インデント(tab)を言語ごとに設定する方法 - フロントエンドとかPCとかスマホとか
Sublime Text便利ですよね。 今回は、インデントを言語ごとに設定する方法です。 例えば、 ・html の場合は、横に長くなるのでインデントは控えめに2文字分。 ・css は見やすく4文字分。 とか。。 そして、インデントをtab文字にするか、文字数分のスページ文字にするのかも設定できます。 さて、設定方法です。 Packageフォルダを開きます。 OSによって場所は違いますが、開くのは簡単！ メニューで、 Preferences > Browse Packages... で一発で開くことができます。 ここには、各言語（拡張子）ごとのフォルダがあります。 例えば、htmlだったら、HTML というフォルダがあります。 ここに、「HTML.sublime-settings」という名前で、下記の内容のファイルを作ります。 { "tab_size": 2, "translate_tabs
SublimeText3: OmniMarkupPreviewerのfont-familyをメイリオにしたい - すたらブログ
(最終更新: 2016-08-19) 目次 要望 既存のテンプレートをコピーする コピー元 コピー先 テンプレートを編集する OmniMarkupPreviewerのUser設定 完了 ソースコード入手 関連記事 要望 SublimeText3のパッケージ、OmniMarkupPreviewerを愛用しています。 Ctrl + Alt + oでマークダウンファイルのHTMLプレビューを表示し、 Ctrl + Alt + xでHTMLファイルに書き出してくれます。 ただ、Windowsでは日本語の表示にMS Pゴシックが適用されてしまいます。 そこで、既存のテンプレートから新規作成して、プレビュー用と書き出し用それぞれのCSSのfont-familyにメイリオを追加します。 また、メディアクエリを使って印刷の場合は文字色を真っ黒にし、文字サイズを大きくします。 順序付きリスト(<ol>)のl
【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・下巻 | DevelopersIO
ダミーテキストの挿入 loremを記載して、展開するとダミーのテキストを挿入してくれます。 //展開前 p*3>lorem //展開後 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus consectetur nisi modi alias aspernatur suscipit nihil laborum vero possimus. Nobis velit iste eveniet atque aspernatur! Repellendus illum nulla similique quia.</p> <p>Magni sapiente dolorum dolorem expedita natus eaque aut nesciunt modi libero aspernatur omn
sublime text3でeclipseのF3のような関数ジャンプキーバインドを設定する - Qiita
sublime text3でPHPの開発をしているのですが、 eclipseやnet beansにあったF3やctrl+左クリックで関数の宣言元にジャンプできる機能がないかなと思って 色々と探してみたらできたのでメモしておきます。 sublime text3からの新機能であるgoto_definitionというコマンドを設定すればよい模様。 デフォルトではF12に設定されていて、プロジェクト内検索しか対応していないようですが、使えそうです。 メニューの Preferences > KeyBindings User を開いて以下を追記。 // F3で関数の宣言元にジャンプ { "keys": ["f3"], "command": "goto_definition" }, // alt+左で戻る { "keys": ["alt+left"], "command": "jump_back" },
MarkdownでHTMLを簡単に - Sublime Tex 編 - 愚鈍人
MarkdownでHTMLを簡単に - Sublime Tex 編 初回公開： 最終更新：2018/01/01 【 目次 】 「Sublime Tex」にMarkdownを使うためののプラグインを入れてみた。 プラグインを探す Windowsでも使えそうなプラグインをクグってみる。 Sublime Text で Markdown を快適にする3つのパッケージ - 情報系大学生のWebメモ ［捗］Windowsでもいけます！Sublime Text 3でMarkdownを快適に入力するためのプラグインを5つ紹介 | 捗りあん 上記を参考にインストールしたのが以下のプラグイン。 OmniMarkupPreviewer - Markdown をプレビュー Monokai Extended - Markdown をシンタックスハイライト Markdown Extended - Markdown 内
Sublime Text 2 で関数を閉じたり開いたりするCode Folding機能 使い方メモ – hrendoh's tech memo
Sublime Text 2は関数などブロックごとに閉じたり開いたりすることができます。 長くなったソースコードを見通しよく俯瞰したいときに便利です(そもそもその前にモジュールに分割しろという話ですが)。 メニュー Edit > Code Folding ショートカット ブロックを閉じる: Command + Option + [ ブロックを開く: Command + Option + ] すべて閉じる: Command + k, Command + 1 すべて開く: Command + k, Command + j カンマで区切られているショートカットは、Command + kの後にCommand + 1を押します。つまりCommandは2回押すことになります。 インデントを指定して閉じる場合は Command + k, Command + <インデント数> 例えば、Railsのコントロ
プログラミングやマークアップで特に役立つ、Sublime Textの標準機能 - Build Insider
Expand Selection to WordでのTipsをいくつか紹介する。 例えば1つおきに編集したい場合などは、Ctrl(Win)／Command(Mac)＋Kキーで選択がスキップできる（図2.1）。また、Ctrl(Win)／Command(Mac)＋Dキーを入力しすぎて、想定よりも多く選択してしまった場合は、Ctrl(Win)／Command(Mac)＋Uキーで、選択をUndoできる。ちなみに、Ctrl(Win)／Command(Mac)＋Uキーは、Ctrl(Win)／Command(Mac)＋ZキーではUndoできないものをサポートしているので、ここで解説している例だけでなく、例えば複数行選択で↓キーを押しすぎた場合などでも利用できる。 また、同じ文字列を一気に複数選択する場合は、Alt＋F3キー（Win）／Ctrl＋Command＋Gキー（Mac）で行える。 Expand S
Sublime Text 2でC言語をコンパイル&実行する方法
まず、Tools → Build System → New Build System...と進んでください。 左のような画面が出てくるので上写真右のように編集します。コードはこちら。 { "cmd": ["gcc", "${file}", "-o", "${file_path}/${file_base_name}"], "file_regex": "^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$", "working_dir": "${file_path}", "selector": "source.c", "variants": [ { "name": "Run", "cmd": ["bash", "-c", "gcc '${file}' -o '${file_path}/${file_base_name}' && '${file_path}/${file_
「Sublime Text 2」でフォルダーをプロジェクトとして扱う方法と、アプリ内でFTPサーバに直接アップロードする方法
先日導入いたしました、高機能テキストエディタ「Sublime Text 2」。 便利なプラグインとか、ショートカットのまとめ記事などはよく見かけるのですが、自身手間取りました「フォルダーのプロジェクト管理」と「FTPサーバに直接ファイルをアップロードする方法」を書いているものがなかなか見当たりませんでしたので備忘録的に記しておきます。 高機能テキストエディタ「Sublime Text 2」をDLしてみた＆導入したプラグイン フォルダーのプロジェクト管理 任意のフォルダーをプロジェクト管理するには、2種類の方法がございます。 まずは、上記のように「Sublime Text 2」の「Project→Add Folder to Project」を選択してフォルダーを加えてあげると言う方法。 さらに簡単なのは、フォルダーを直接左サイドバーにD&Dしてしまうという方法です。左サイドバーは「View→
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
今更ながらSublime Text2を導入したので、何したかメモ。 | たけろぐ
フリーランスのwebデザイナー・webディレクター、たけ（@take_it02）のブログ。フリーランス生活や、web制作について。 タイトルの通り、今更ながらSublime Text2を導入したので、インスコからどこのサイト見て何したか、簡単に。備忘録的に。つど追記しつつ。 ・Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ | Mnemoniqs Web Designer Blog ここでインストールから初期セッティングまでをしました。ショートカット一覧もあるので便利。 ・話題のSublime Text2！Webデザイナーが入れておきたいプラグイン | WebDesign Memo プラグインについて、非常に具体的な説明があってわかりやすいです。 ・Sublime Text 2をShift_JISに対応させるプラグ
Sublime Text 2をMacで使う | Kitchen Garden Blog - I'll cook and hack new one.
ウェブサイトやロゴは明らかに林檎の風ですよねえ Vim風コーディングが出来る！ということで、ちまたで噂のSublime Text 2をMacに入れてみました。 目次 Sublime Text 2を知ったキッカケ Sublime Text 2の入手方法 Vim風コーディングの設定 Package Controlのインストール Emmetのインストール LaTeXToolsのインストール (R言語のために)インタプリタを追加 CSSCombをインストールする Sublime Text 2のちょっとした雑感（どうでもいい話） Sublime Text 2を知ったキッカケ ちなみにわたしがSublime Text 2を知ったキッカケはこれ： 初めは、Emacser向けスライドということもあり、気になったものの使用するには至りませんでした。しかしここ最近のわたしのTwitter TLでちょこちょこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
rakugakibox.net
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ