乗り換え安心、SublimeTextからAtom移行してみて感じた違い｜dwango creators' blog（ドワンゴクリエイターズブログ）
ドーモ、デザイナーのigguです。 ドワンゴでもっぱらエンジニアと連携しながらWebサービスやツールのUIをデザイン/実装したりしています。 今日のお話 僕は2012年8月ごろから3年間ほどSublimeTextを使っていました。その前はDreamweaverです。DreamweaverにおけるGUI中心の環境はマウスとキーボードを行き来する場面が多く、ストレスになっていました。加えてSASSやLESSのメタ言語を使い始めていたのでそれが扱えるキーボード主体で高速なエディタが無いかなーと探していた所でSublimeTextに乗り換えたわけです。 からの・・・約2ヶ月前でした。 そろそろSublimeText飽きたなーと思っていた所に、以前Betaを試したっきり放置していたAtomがにわかに盛り上がっている模様をキャッチ、物は試しとメインエディタをSublimeText (以下Sublime
Sublime Text2 と Emmet LiveStyleをかけあわせて、爆速でCSS開発☆！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんばんは。小林です。 今回の記事は、下記を利用して開発されている方には、是非読んでいただきたい。 Sublime Text + Google Chrome( 或いはSafari ) そうでない方にもそこそこ読んでいただきたい。 目的としましては、「CSSの開発をより高速に行える環境を作りましょう！」ということなんです。百聞は一見に如かずということで、まずは、こちらのスーパーにエクサイティングなデモ動画を見ちゃいましょう！ 諸般の事情で動画が観れないという方に簡単に説明しますと、Emmet LiveStyle(以下LiveStyleと表記)を使うことで以下のことができます。 リアルタイム更新。Sublime Textでただタイピングするだけで、あたかもブラウザのデベロッパーツールのCSSパネルを弄るかのように、リアルタイムでCSSを更新できる。無論いちいちファイルを保存したりする必要はない
【これは便利！】「Sublime Text 2」でSnippet（スニペット）を利用する方法
そうです。 同じ事を何度も、何度も入力するのは非効率なので、それを回避・簡略化するためのものです！ヾ(❀╹◡╹)ﾉﾞ 設定方法 早速設定に入ります。 すると、以下が表示されます。 <snippet> <content><![CDATA[ Hello, ${1:this} is a ${2:snippet}. ]]></content> <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> <!-- <tabTrigger>hello</tabTrigger> --> <!-- Optional: Set a scope to limit where the snippet will trigger --> <!-- <scope>source.python</scope> --> </snippet
Sublime Text 2でファイルの比較をおこなうプラグイン「sublimerge」 | Webクリエイターを目指せ！
社内で「二つのファイルを比較したい」という話があり、 「diffを使えばいいさ〜」 と言いそうになった訳ですが、今回はSublime Text 2ではどうやったらいいかを紹介します。 SideBarEnhancements を入れておけば、サイドバーで二つのファイルを選択して右クリックで「Diff Files」を選択することで二つのファイルを比較することができます。 そして、今回紹介する sublimerge もdiff系のプラグインでは秀逸なもので、ファイルを開いておいてコンソールから「View Diff」と打つことで上記の画面のように二つのソースコードを比較しての表示をすることができます。 これはわかりやすい！！ →sublimerge インストールはSublime Text 2の他のパッケージのインストールと同様にPackage Controll:Install Packageを選択
Sublime Text2 のショートカット一覧 - Qiita
これらを一定時間置きにツイートするbotも作ってみました。よかったらどうぞ。 アカウントは@st2botです。 【 Command + C 】 (行の操作) 選択しているものがあればそれをコピーする。 何も選択していない状態では行全体をコピーする。 【 Command + L 】 (行の操作) 行全体を選択する。 【 Cｔｒｌ + Shift + K 】 (行の操作) 行全体を削除する。 【 Command + Shift + D 】 (行の操作) 現在の行を複製する。 【 Command + Shift + N 】 (ウィンドウ) 新規ウィンドウを開く。 【 Command + Shift + W 】 (ウィンドウ) ウィンドウを閉じる。 【 Command + Alt + ↑ 】 (ウィンドウ) 関連づけられたファイル（ヘッダファイルなど）を開く。 【 Command + Alt +
Sublime Text 2とEmmetで制作効率アップ！@福岡マークアップ勉強会
Tweet半年くらい前からSublime Text 2を使い始め、使い心地がよくてすっかりメインエディタになってしまいました。 というわけでSublime Text 2やプラグインのEmmetを使ってコーディングのスピードアップを図ろう！というテーマでまとめてみます。 ちなみにこの内容は福岡マークアップ勉強会でライブコーディングを交えてお話しさせて頂きました。 Sublime Text 2って何がいいの？ 僕は以下のようなポイントが気にっています。 起動が軽い。 前までDreamweaverやNetbeansでコーディングをしてたのですが立ち上がりの速さがだいぶ変わりました。 プロジェクトの管理が簡単 サイドバーにフォルダをドラッグ＆ドロップするだけ。 拡張性が高い プラグインのインストール、アンインストールも簡単です。 まずはインストール！ こちらのサイトからSublime Text 2
SublimeText2 で Shift-jis を使う - Qiita
SublimeText2 は大変便利なテキストエディタですが、shift-jis に対応していないのが玉にキズでした。 そんな時、@umibose さんのツイートが！ Sublime Text 2でSJISもいける！github.com/seanliang/Conv… — Hayakawaさん (@umibose) 2012年10月11日 ふむ、ConvertToUTF8 というものできるのか。というわけで早速試してみました。 以下手順。 1. Sublime Package Control の導入 Installation – Sublime Package Control – a Sublime Text 2 Package Manager by wbond の手順。 まず、SublimeText2 にパッケージコントロールシステムを導入します。(既に入っていればスキップ) Sub
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
【アプリ】MacでSublime Text 2 メニュー日本語化 | 株式会社 SQ(エスキュー)
Macに変えてからテキストエディターをSublime Text2に変えました。 http://www.sublimetext.com/ 使ってみると非常に高機能なんですが、メニュー表示が英語で表示されます。 慣れれば問題ないのですが、ちょっとした時に困るときがあるのでメニューを日本語化したいと思います。 日本語化についてはこちらのサイトを利用させて頂きました。 ありがとうございます。 http://blog.huwy.org/article/292827228.html 実際の日本語化についてですが、作者のサイトには Userフォルダに置いても何故かほとんどの項目がオーバライドされないので、Defaultファイルを差し替えて使うことになります。 オリジナルファイルのバックアップを必ず取ろうね！ とありますが、Userフォルダが分からない。 Context.sublime-menu で検
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Sublime Text2で楽にパッケージの管理ができるSublime Package Controlを入れてみた - ノイズビン
Sublime Text2でシンタックスハイライトなどのパッケージが必要になると、配布サイトからダウンロードして解凍してインストールという手順でしていましたが、パッケージの管理ができる Sublime Package Control を入れて使ってみたところ凄く便利だったので Installation – Sublime Package Control を基に手順とかを書いてみた。 Sublime Package Controlをインストールする Sublime Package Controlをコンソールからインストールします。 手動でもインストールできますが、コンソールの方が楽なのでコンソールを利用しましょう。 手動インストールの手順はこちらからどうぞ。 Manual Instructions – Sublime Package Control コンソールを表示する Sublime Te
Sublime Text 2入門 (全14回) - プログラミングならドットインストール
Command + マウスドラッグ Command + d / Command + u Command + Control + g
Sublime Text3をWindowsに入れてみた！初めての導入と簡単なカスタマイズまとめ
最近なにかと話題のSublime text(サブライムテキスト)。 Sublime text3 パプリックベータ版が最近でたのを機に、試してみました。 Sublime textって、なに？# エディタです。 メモ帳やワードパッド、Emacs、vim、サクラエディタや秀丸エディタの仲間。 以下のような特徴があるようだ。 Webデザイナに人気のエディタ。 見た目はブラッククール 豊富なプラグイン 無料で使える マルチプラットフォーム(Linux,windows,Mac) Sublime text3のインストール# 以下から。 Sublime Text - Download Package Controlのインストール# Package Controlを利用すると、Sublimetextにプラグインを入れることができる。 Installation - Package Control ST3用のP
Sublime Text 2 のメニュー項目一覧 - blue_ham_cake1024のブログ
公式ドキュメント 非公式ドキュメント 追記 メニューの日本語化やショートカットキーの一覧(日本語付き)がありました。これを使えば分かりやすくなりそうです。 Sublime Text 2 メニュー日本語化: ゆーがいぶろぐ Sublime Text 2: ゆーがいぶろぐ Fileタブ New File 新しくファイルを作る。 Open File ファイルを開く。 Open Folder フォルダを開く。開くとエディタの左側にファイラが表示されるようになります。便利。 Open Recent 最近開いたファイルまたはフォルダを開く。 Reopen with Encoding 別のエンコードで開き直す。開いたファイルが文字化けしていたときに使います。 New View into File 今開いているファイルを新しいタブでもう一度開く。 Save 保存。 Save with Encoding エ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Sublime Text
Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
