[tips][Sublime Text] Sublime Text 3で文字化けしない方法
I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート Sublime Text 3の設定自体は以前の記事(Sublime Text 3をインストールしたらまずやること)で紹介しました。今回は、特に文字コードに着目して、文字化けしない方法を説明します。 1. Sublime Textは「UTF-8」しか扱えないと思うこと！ プログラミングをする場合、文字コードは「UTF-8」にするのが基本です。Python、Ruby、Perl、Java、HTML、CSS等すべてです。なぜかというのは難しいのですが、簡単に言うと、プログラムは英語で記述するので、ASCIIコードを包括する「UTF-8」で記述すればファイルサイズが最少になるというメリットや、TwitterやFacebook等
![[tips][Sublime Text] Sublime Text 3で文字化けしない方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4f3afd7e2cde3b9ae24aa747b2769fa90da40da/height=288;version=1;width=512/https%3A%2F%2F66.media.tumblr.com%2Favatar_83e54e70729a_128.pnj){kind=avatar}
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
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 3のインストールと初期設定 - Qiita
はじめに コンパイラ・システムプログラミング言語ユーザー向けです。 以下の環境で動作確認を行っています(2017/09/19)。 Windows 10 Home 1703 64 bit Sublime Text Version 3.0, Build 3143 64 bit Sublime Text 3 のインストール 公式サイトのDOWNLOAD FOR WINDOWSからインストーラをダウンロードします。 使用環境にあわせた適切なファイルがダウンロードされるはずです。 64 bit環境で32 bitのSublime Textを使用したい場合、portable versionが必要な場合は右上のDownloadからダウンロードページに移動して下さい。 ファイルのダウンロードが完了したらSubime Textをインストール、または任意の場所にアーカイブを展開します。 Windows 64 b
[tips][Sublime Text] Sublime Text 3をインストールしたらまずやること
I'm "Keid". Full-stack Web Engineer. Mainly, about Tips, about Web, about My LIFE. ツイート 最近お気に入りのエディタ「Sublime Text 3」のインストールしたら最初にやることを紹介します。プログラミングするには最適なエディタだと思います。環境はWindowsですが、やることはMacと変わりません。(Macの人はショートカットが多少変わるので、適宜調べてください) 1. 「Sublime Text 3」のインストール (1)Windows用インストーラをダウンロードし、インストールする。 (2)「sublime_text.exe」を起動する。 2. 「Package Control」のインストール 「Package Control」はSublime Textにパッケージを入れるためのパッケージ管理ツー
[M] Sublime Text 3のパッケージ導入方法と個人的に導入すべきパッケージ22選 | mbdb (モバデビ)
ちょっと某案件の絡みで”恋に落ちるエディタ”として名高い「Sublime Text」を本格的に稼働させる必要が出てきたこともあって環境を整えることに。 そこで今回インストールしたパッケージを一覧でまとめてみました。マークアップするディレクター的にはこれくらいあれば十分かなーっていう感じです。 恋に落ちるエディタ「Sublime Text」 いろいろなところで賛美されているテキストエディタなので、それこそ説明は不要でしょう。2011年に「Sublime Text 2」がリリースされて以来、爆発的な人気を獲得したテキストエディタです。 Macのみならず、Windows、Linuxとマルチに対応していて、その強力なテキスト編集機能やカスタマイズ性の高さは素晴らしいものがあります。 個人的にMacアプリ「Coda 2」を愛用しているのですが、前述したとおりちょっと某案件の都合で「Sublime T
![[M] Sublime Text 3のパッケージ導入方法と個人的に導入すべきパッケージ22選 | mbdb (モバデビ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd0c3d18209ffcffbdce2d54283678cbf0ae533f/height=288;version=1;width=512/https%3A%2F%2Fmbdb.jp%2Fwp-content%2Fuploads%2F2014%2F09%2Fsublime-text-3-head-600x315.jpg)
Atom でインストールしている package 一覧 - Qiita
Sublime-Style-Column-Selection Atom で Sublime text のように矩形選択できるようになる。 Zen Zen モードになる。 人気だったから入れてみたけどあまり使わない。 api-blueprint-preview API Blueprint をエディタ内でプレビューする。 aglio が必要になる。 atom-alignment = の位置を揃えることができる。 atom-beautifier コードフォーマットをしてくれる。 atom-color-highlight エディタに入力した色名やカラーコードに従ってハイライトしてくれる。 autocomplete-plus オートコンプリート。 autocomplete-snippets オートコンプリートにスニペットも表示してくれる。 autocomplete-paths オートコンプリートにフ
Sublime Textのテキスト選択Tips2つ | Program | position: absolute;
Sublime Textといえば拡張選択機能が大きな特徴の1つですが、実は設定やパッケージ等でカスタマイズが可能です。このエントリーでは日本語に関わるものとスコープに関わるTipsを紹介します。 『Web制作者のためのSublime Textの教科書』の内容補足的なエントリーですが、読んでなくても使えるTipsです。 日本語選択の分割文字の指定 日本語の文章部分をダブルクリックしたり、[Shift] + [Ctrl(Win)/Option(Mac)] + [←/→]でSublime Textは「単語選択」を行いますが、日本語の文章の場合単語どころか句読点などもお構いなしに選択範囲を設定してしまいます。 このあたり「Sublime Textが日本語に弱い」といわれる所以の1つですね（つか、日本語に限らずマルチバイト言語の国ではあまねく言われているのかなと思いますが）。というわけでせめて句読点
フロントエンジニアになってから５ヶ月間で欠かせなくなったツールを晒す - Qiita
概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での開発環境 mac mini (2011) 19インチのシングルモニタ GUI系ツール Sublime Text 2 プログラマ向けのテキストエディタ。 これがないと仕事にならない。 以下、必須なPackage。 Vintage vimっぽいキーバインドにする
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
Sublime Text で Markdown． - sonoshouのまじめなブログ
Sublime Text 導入 | sonoshouのまじめなブログ でSublime Textを導入したのですが， キーバインドできるMarkdownエディタとしも優秀だという話を聞き， Sublime Textを自分なりにカスタマイズしてみました． 結論から言うと，非常にMarkdownが書きやすいです！ キーバインド使えることがこんなに嬉しいのか……！ Markdownって改行（半角スペース2回）が面倒だと思ってたのですけど， SHIFT + Enterに半角スペース2回を割り当てたら幸せになりました． ただ，他のMarkdown専用アプリと比較すると， プレビューがリアルタイムに見られないのが痛い……． キーバインドを取るか，プレビューを取るか，好みかもしれません． Macな方は適宜読み替えて下さい． 大きく違う点はありませんでした． 追記（2014年11月24日） OmniMar
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nyle Engineering Blog