Neovimでのフロントエンド開発環境 2021
最近はフロントエンドエンジニア(主にReact)をしているYano (@yuki_ycino) といいます。 この記事では自分が開発に使っているNeovim周りの環境と、その大まかな構成について書いていきます。 追記 後日、自分がNeovimでフロントエンド開発を行っている理由とVSCode という記事を書きました。 合わせて読んでいただけると幸いです。 はじめに 自分は現在フロントエンド開発のほぼ全てをNeovimで行っています。 個人的にはVSCodeと遜色なく(むしろ効率よく)開発できていると思うのですが、VSCodeではシンプルな設定で開発を始められるのに対し、Vimはどうしても設定のハードルが高いです。 具体的には現在5000行弱のVimの設定ファイルと100個前後のプラグインを導入して開発しています。 ただ、それを他の方に勧めるのは無茶なので、この記事ではほぼ最小構成に近いTy
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の定義が呼び出されて表示される。奇跡だ。 なぜこの機能を今まで他のエ
JavaScriptエディタ「Scripted」をVMware/SpringSourceがオープンソースで公開
VMwareのSpringSourceが、JavaScript/HTML5対応のエディタ「Scripted」をオープンソースで公開しました。 Scripted自身がHTML5/JavaScriptで記述されているためWebブラウザ上でエディタとして動作し、HTML/CSS/JavaScriptのシンタックスハイライト、JSLintによる文法チェック、エディタのカスタマイズ機能などを備えています。エディタ部分の機能はEclipse Orionを再利用したとのこと。 Scriptedの全体画面。右側に別ファイルを表示しているところ。
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
MacRabbit - Espresso
The web editor for Mac is back. For people who make delightful, innovative and fast websites — in an app to match. Espresso helps you write, code, design, build and publish with flair and efficiency. Sophisticated text features, amazing Live Preview with Browser Xray, CSSEdit tools, the Navigator, Dynamo auto-building, and Server Sync. Whether you're starting from scratch or tweaking a live site,
PhpStorm: The PHP IDE by JetBrains
Explore the PhpStorm IDE for web projects. Get everything you need for PHP, JavaScript, and SQL coding out of the box
ぼくのかんがえたさいきょうの Markdown かんきょう - モトクロスとプログラムと粉砕骨折と
ここしばらく鬼のように忙しかったのですが、実は縁あって技術本を執筆していました。えぇ。そうです。Titanium Mobileの本です。この僕が本とか書いちゃってました。 本はもう少しで発売なのでおいおい告知しようと思いますが、今日は執筆しているときにMacで使っていた、Markdownのエディタ・ツールについて書いてみようと思います。 最近よく聞くMarkdown、GithubでもおなじみのMarkdown、エンジニア大好きMarkdownです。 Markdownとはいってもただのテキストなので、どんなエディタを使っても書くことができます。その中で僕が求めたのは・・・ 見出し(H1タグなど)やコードブロックが色付けされること 必要なときにプレビューできること プレビューのスタイルがカスタマイズできること プレビューをHTMLまたはPDFで出力できること ・・・でした。 ただMarkdow
本気で書く時はこれ！ 超集中モード系ライティングツール5選 | ライフハッカー・ジャパン
PCでの作業、とりわけ「書く」という作業は、はっきり申し上げて誘惑との戦いです。システムトレイでアイコンは瞬き、リマインダーは予定を知らせ、ウェブブラウザはFacebookの投稿にコメントが付いたことを誇らしげに伝えてきます。書くことに集中するのは、エベレストの頂上を目指すかのように難しく思える場合が多々あります。 そこで今回はそんな気の多いあなたへ、できるだけ作業に集中できるようにデザインされた最強のライティングアプリを5つほど紹介します。この5本は米Lifehacker読者にアンケートを採った結果を元に選出されたもの。ユーザーお墨付きです。 Photo by Thinkstock/Getty Images.■『FocusWriter』（Windows/Mac/Linux、無料） FocusWriterは以前にも取り上げたことがありますが、全画面に表示することでクリーンなライティングスペ
Dev Builds - Sublime Text
These are the in-progress versions of Sublime Text, and are updated more frequently. Feel free to use them, but keep in mind you will be running less tested code, and you'll be seeing many more update notification prompts. Issues can be posted on our public issue tracker. Sublime Text dev builds are available to licensed users only. Version: Build 4178 macOS (10.9 or later is required) Windows - a
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
Liveweave HTMLエディター
Initializing... Liveweave expand_more home Home data_object CSS Explorer arrow_outward Palette Color Explorer arrow_outward Polyline Graphics Editor arrow_outward outbox_alt Generative AI arrow_outward build Tools expand_more restart_alt Load base template post_add Generate Lorem ipsum... code Format HTML code_blocks Format CSS data_object Format JavaScript library_add Library expand_more AAlgolia
Coda 2 ファーストインプレッション
Coda 2 が5月24日の0時に発売され、「本日限り半額（App Storeで ¥4,300）」ということで、発売直後から Twitter でだいぶ盛り上がってましたね。 私もせっかくなので、半額のうちに買いました。 最近はスクールの準備でちょっと忙しいし、レビューは後日でもいいかなーと思ってたところ Webクリエイターボックス の Mana さんに下記のように脅されたため、泣きながらこの記事を書きました。 @stocker_jp 皆がCoda2のレビュー書かないのは、本日中にナツキさんがうｐするレビュー記事を見てから購入予定だからですよ :) ﾎﾚﾎﾚ…ﾝ? — Manaさん (@chibimana) 5月 24, 2012 結論から言うと、Coda 2 はかなり気に入りました。 これは、特に CSS 書くのが速くなるのではないでしょうか。 実は私は Coda は体験版しか使ったことが
OmmWriter
OMMWRITER A perfect place to think and write _ A perfect place to think and write OmmWriter is a tool which makes it easier for you to concentrate. Based on a natural setting, it effectively insulates your mind from distractions and sets up a direct line between your thoughts and your words. As if you were alone, you'll hear your inner voice clearer than ever and you'll be able to delve deeper int
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Video Creation | Interactive Video | WeVideo
Brackets - Web デザインを認識する最新のオープンソースコードエディター
Tiled
WebStorm: The JavaScript and TypeScript IDE, by JetBrains
Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表
Thimble by Mozilla - An online code editor for learners & educators.
Coming Soon