Republik365 Nikmati layanan eksklusif akses VIP tercepat. Gunakan panduan jitu untuk meraih berbagai reward spektakuler dan pengalaman digital terbaik
Sublime Textのさまざまなパッケージの中から、利用シーン別におすすめのものを紹介。また、Sublime Textのパッケージの基本的な使い方として導入方法や有効化/無効化、削除の方法も説明する。 ← 前回 連載 INDEX 今回はSublime Textのさまざまなパッケージの中から、特におすすめのものを紹介する。 Sublime Textのパッケージ Sublime Text自体はオープンソース・ソフトウェアではないが、内部機能を操作するためのAPI(API Reference - Sublime Text 3 Documentation)が公開されている。また、メジャーなスクリプト言語であるPythonのランタイムが搭載されているので、誰でもパッケージを作成できる。 そのため、パッケージの作成は盛んで、2014年12月時点登録されている公式パッケージは2600以上となっている
1. コードフォーマット パッケージとして提供されている HTML-CSS-JS Prettify を導入する。使い方はソースコードで右クリックして、Prettify Codeを選択。ショートカットは Shift + Command + H。しかるべきところでの改行と、インデントをまとめてしてくれるのでたすかります。 コードフォーマットの設定 Prettify Code コードフォーマットにおけるデフォルトでのインデントの設定はスペースです。設定変更や拡張子の追加などを行う場合は、Performance→Package Setting → HTML/CSS/JS/Prettify → Set Prettify Setting と進むと、設定ファイルが表示されます。(コマンドパレットからも呼び出し可。) インデントの設定を変更する場合は インデントの文字をスペースからタブに dent_cha
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
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード(カーソルキー以外)だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での
こんにちは、霙(@xxmiz0rexx)です。 立て続けに記事を書いてしまうほど愛してやまない魅力的なエディタ『Sublime Text』。 便利な機能は星の数ほどありますが、今回はこれだけ覚えておけばSublime Textの恩恵にあずかれるはず!!という、 私のオススメショートカットキーたちをご紹介したいと思います:) ※Mac版です 覚えておきたいショートカットキー とりあえず一番オススメの3つをご紹介。とっておきの便利な子たちがいます。 私がSublime Textを使う理由の最たるものがこれで、もっと言うとこれがあるから使っていますw みぞれが選ぶ最も便利なショートカットキー3個 入力コマンド 結果
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です!
“世界的ですもんね 乗るしかない このビッグウェーブに” はじめに そんな訳で、IT業界で話題沸騰中のテキストエディタ、Sublime Text。弊社でも続々と利用者が増えている今日この頃です。 基本的にビッグウェーブに鈍感な僕らしく、先日あたりからようやく使い始めてみました。長い間eclipseを使い続けていたので、色々と戸惑う箇所も多く、まだまだSublime(卓越した)に使いこなせていませんが、徐々に慣れていけたらなと考えています。 ショートカットキーのチートシートを作ってみた 少し前に弊社のとあるスタッフから「ショートカットキーのチートシートでナウいデザインのものがあったら、超捗るぜ。」とあおられ、僕自身まだまだ不慣れなこともあって、操作の習得も兼ねて作ってみました。 Sublime Text | Periodic table of the Keyboard Shortcuts.
2012年12月4日:Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです(ちなみにVimを完璧に使いこなしているわけではありません)。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします! Sublime Text 2は有料($59)の
たまたま目にした海外の記事「Configuring Sublime Text 2」に、自分が指定してないSublime Text 2の設定がありまして。ちょっくらそれを拝借しつつ、自分が指定しているいくつかの設定とZen-Codingの次期バージョン「Emmet」を日本語環境で使う時にしておいた方が良い設定をまとめておいた。 「Cmd+,」で出る「Settings – User」に書いとけば大丈夫。 これら以外にも「Sublime Text Unofficial Documentation」とかに日本語じゃないですけど、いろいろな設定が書かれているので参考にされると良いかと。ロシア語のサイトにはココにないのもあったりしましたが、なんせロシア語なので載せないでおきます(笑)。
~2012 Autumn & Winter こもりが使っているモノやそうでないものも含め、なんとなくWebデザイナーやWebデベロッパーな人たちに便利そうなのを集めてみました。 ここに挙げたものは、類似のパッケージがあるものも存在するので、Package Controlや 「Sublime Text Packages by the Community」 などでキーワードで検索してみると良いでしょう。 LESS/Sass/SCSSなどCSSプリプロセッサの自動ビルド系パッケージは、あらかじめそれぞれの実行ファイルのインストールが必要、かつコンパイル先やコマンドの位置を設定ファイルに書く必要があります。 ※入れすぎると起動時に遅くなったりするので、そこは自分の必要なものだけで。 ApacheConf HTTPサーバであるApacheの.confファイルや.htaccessファイルの入力補完やカ
こんにちは~ 仕事が恋人のデザイナー、王です φ(≖ω≖。)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい! やっと出会えたぞ!僕が探し求めていた幻のエディタに!! 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう!本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです! 見た目的には、このように、優雅(Sublime)そのもの! Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな! 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く