HTML上で直接CSSを編集！次世代エディタEdge Code | DECONCEPTER
HTMLコーディングの次世代標準機能を備えるエディタ 先日紹介したAdobe Edge Tools & Servicesのエディタ担当Adobe Edge Codeを紹介します。対応OSはWindowsとMac OS Xで現在プレビュー版で無償で使うことができる。 先行して公開されているオープンソースプロジェクトBracketsをコアに採用しており、革新的な機能が備わっている。次世代エディタの標準となりそうな機能の解説を盛りだくさんでみていこう。 尚、ショートカットはMacベースで説明します。Winの方は適宜CmdをCtrlに読み替えてください。 HTMLファイル上から各タグのCSSを直接オープン これは感動的過ぎる。HTMLファイル内のスタイルを編集したいタグにカーソルを合わせ、Cmd + Eを叩くと、なんと直下にCSSの定義が呼び出されて表示される。奇跡だ。 なぜこの機能を今まで他のエ
爆速エディタSublime Text 2ショートカット一覧 | DECONCEPTER
まずはSublime Text 2の無敵たる所以の3つのショートカット コマンドパレットを表示 コマンドパレットはシンタックスの切り替えや、スニペットの呼び出しなどここが全ての起点になると言っても過言ではありません。パッケージコントロールをインストールすれば、様々なプラグインがここを基点にインストール管理ができます。 Cmd + Shift + P 同じ文字列を一括選択・編集（１つずつ） これもSublime Text 2の特徴的な機能の一つ。通常の検索置換とは全く違った体験が得られます。まずは何も言わず試してください。 Cmd + D 同じ文字列を一括選択・編集 有無をいわさず検索対象文字列を選択して一括編集モードにしてくれます。急いでコードを書いているときに重宝しすぎてありあまる感激機能。 Cmd + Ctrl + G 普通に便利系 指定行に移動 Ctrl + G 行をコメントアウト（
エディタ難民生活に終止符？ WebエディタとしてはSublime Text 2が最強かも！？：ビジネスをデザインするブログ：オルタナティブ・ブログ
エディタってなかなかしっくりくるものがありませんよね。 私の場合、Web系の開発が多いので、Mac環境ではCodaに落ち着いていたのですが、Cadaにおいて「もうちょっとこうならないかな・・・」というところがSublime Text 2（ST2）で解決できることがわかったので、最近はST2をよく利用させてもらっています。 ST2は珍しくMacをはじめWin, Linuxで利用できます（Mac以外ではEmacs風のキー移動ができないため個人的には残念な感じなんですけど）。また、基本有料ではあるものの、無料で、ほぼ何の制限も期限も無く利用することができます。登録をしない場合、メニューバーにUNGREGISTERDと表示されるのと、保存時にたまに「お金はらう？」と聞いてくるだけのようです。詳しくは本体のライセンス情報を御覧ください。 既にいろいろな方がST2の話題をブログなどで取り上げられていて
HTML5、CSS3、JavaScriptがリアルタイム編集できる！軽量HTMLエディタ「Liveweave」 - Chrome Life
みなさんは、HTMLやCSSのコーディングには何を使っていますか？ デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
Vim初心者的導入メモ 2/3 「vimrc設定」編 - ナレッジエース
おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Vimの使い方を覚えたら、次にやっておきたいのがオプションの設定です。 細かな動作を調整し、より自分にとって使いやすくなるようカスタマイズします。 ただし設定項目は、これまたかなりの数になっていてなかなかのくせ者。 私は、前回の記事でも紹介したspanish passion LinuxさんのVimのオプション解説をひたすら上から読みながらvimrcを書いていきました。 以下、まだまだ完全とは言い切れない状態ですが、現在の私の設定内容について紹介します。 vimrcの設定方法 と、具体的な設定内容の前に、Vimの設定方法について触れておきましょう。 Vimの設定は、全て「_vimrc」というテキストファイルに記述
Zen-Codingが楽しい - ぱせらんメモ
最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。 Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。 CSSセレクタのような記法なので普段からWebの開発に関わってる人なら簡単に体得できると思う。 単体のエディタではなくプラグイン形式になっていて色々なエディタやIDEで使えるというのもいいところ。詳しくは下記サイトを参照。 zen-coding - Set of plugins for HTML and CSS hi-speed coding http://code.google.com/p/zen-coding/ vimプラグインはこっち。 Sparkup http://github.com/rstacruz/sparku
「書く」ためのツール、選んでいますか？ Mac の文章作成支援ツールの魅力 | シゴタノ！
佐々木正悟さんに紹介していただいた本で、いま非常に気になっています。慢性的なストレスの感覚を、一つのことに対する注意力や集中力を高めることで取り除くマインドフルネスという認知療法について解説されています。ストレスを癒す心地よい言葉や優しいものに触れるのもいいですが、時にはストレスを生み出す根幹にさかのぼって、この敵と向かい合いたい。そう思うのです。 ▼編集後記： 思い立って Mac OS X 上のアプリケーションを開発するための言語である Objective-C と Cocoa フレームワークについて勉強を始めました。若い頃はあっというまに新しい言語に親しんでいたのに、今はなかなか古い考え方を捨てられずに苦労しています。はてさて、人様に使ってもらえるようなアプリケーションを開発できるまでにいつまでかかるのでしょうか？
テキストエディタでWebサイト構築をガンバル人へ（1/3） ― ＠IT
テキストエディタでWebサイト構築をガンバル人へ：どこまでできる？ 無料ツールでWebサイト作成（6）（1/3 ページ） 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ＋α そこで今回は、テキストエディタ自体とそのプラグイン／拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vimやEmacsを「使いこなす」なんてやっていいのは20世紀までだろ