JetBrains IDE を使うなら覚えておきたい 10 の tips - KAYAC engineers' blog
こんにちは！技術部の小池です。 Tech KAYAC Advent Calendar 2018 の22日目を担当させていただきます。 はじめに みなさんお手元の開発環境/エディタは何をお使いですか？私は数年前まで iOS 開発は Xcode、Android 開発は Android Studio、サーバサイド開発は Sublime Text 2 と複数の開発環境を使い分けていましたが、環境ごとに脳内キーバインドを切り替えるのが苦痛でもう無理だわ〜〜ってなったので JetBrains IDE に統一しています。 IntelliJ IDEA をはじめとする JetBrains IDE はプロダクトがたくさんあり一見わかりにくいのですが、ほとんどは IntelliJ IDEA と、IntelliJ IDEA に言語プラグインを同梱したものです。Golang 用の GoLand、C# 用の Ride
ある蜜柑の上にアルミ缶。
Angularで作成したフロントエンドのWebアプリを、GitHub上で管理して、masterブランチにコミットされた変更を自動でAmazon S3にデプロイ（適用）させる方法を解説します。本記事では、S3をCloudFront経由でインターネット上へ公開し、名前解決をRoute 53で行… Vue CLIでは、デフォルトでパッケージマネージャーにYarnを使用します。ですが、開発環境や本番環境でのミドルウェアの制限等により、Yarnではなくnpmで管理したいプロジェクトもあるかと思います。そんなとき、Vue CLIでどのようにプロジェクトを作成すれば… Create React Appでは、デフォルトでパッケージマネージャーにYarnを使用します。ですが、開発環境や本番環境でのミドルウェアの制限等により、Yarnではなくnpmで管理したいプロジェクトもあるかと思います。そんなとき、Cre
コードがはっきりと見やすく使いやすい！Sublime TextとAtomとVim対応のテーマ -DuoTone Themes
DuoTone Themes DuoTone Dark -GitHub コードがはっきりと見やすいカラー DuoTone Themesの5つのテーマ DuoTone Themesのダウンロードとインストール コードがはっきりと見やすいカラー DuoToneは2つの色相をベースに色調を変化させた7つのカラーで構成されています。 コードで重要な部分には強調したカラー、それほど重要ではない部分には和らいだカラーが適用され、はっきりとした見やすいテーマになっています。 DuoToneは5種類あり、Darkのベースカラーはパープルとゴールドです。 ↓縮小してますが、見やすくないですか？ Colorscheme DuoTones - Dark 対応言語は下記の通り。これからも増えていくそうです。 C Clojure CoffeeScript C# CSS GF Markdown Go Haskell
neovimが実用段階になったようなのでvimを置き換えてみた話 - 5.1さらうどん
去る11月21日にmixiで開催されたVimConf 2015に参加してきました。 vimconf.vim-jp.org 僕はvimを使い始めてもう7年目になるけれど、最近はあまりvimを使っていません。 最近は主にモバイルアプリ開発をしているので、XcodeやAndroid StudioなどのIDEを使う機会が多いし、JetBrainsのIDEが最高すぎるので、趣味でPythonを書く時はPyCharm、仕事でもRubyMine(+IdeaVim)を使ってコードを書いてます。 一昔前は、まともなIDEがなくて、どんなものを書くにも大体vimでなんとかしなくてはならなかったけど、今は札束を積めばいくらでも優秀なIDEが金で買えるので、メインのコーディングを全てvimで行うモチベーションがあまりありません。 とはいえ、IDEが無い言語を書いたり、Markdownやちょっとした設定ファイルの変
まさに論文工場。アウトラインプロセッサとエディタを融合したManuscripts
どんな科学的発見も、最後は論文にしなければいけません。発見は発見でしかなく、それを文章にまとめて、他のひとが理解できるように共有できてはじめて、それは知見となるからです。 同じことは、私の本業である科学の最前線であれ、大学の卒業論文であれ、こうしたブログ記事でも同じです。 しかしこのプロセスが苦手だという科学者は実におおぜいいて、この「論文の壁」が多くの才能を阻んでいるといっても過言ではありません。 こうした論文作成の作業については、いままでそれに特化したツールがあるようでいて、なかなかありませんでした。 Manuscriptsはそうした状況に一石を投じるとても個性的なツールです。エディタと、アウトラインプロセッサ、図表や数式に参考文献をすべてひとつのツールで執筆できる、まさに論文作成工場なのです。### 段落まで構造化されたアウトラインプロセッサ＋エディタ なぜ科学者にとって論文を書くの
Sublime Text 2でPython PEP8 Lintのconfigを変更 - Into the Horizon
少しずつ日記を書こう(´・ω・｀) ということで小ネタ。 最近ようやくsublime textを使い始めました。お洒落だし色々便利で気に入ってます。 「Python PEP8 Lint (PEP8コーディング規約チェック)」 というパッケージを入れると、ファイルを保存した時にコーディング規約をチェックしてエラーしてくれるのですが、若干困ったのでsublimeの使い方と合わせてメモ。 チェックしてくれるのはありがたいけど、エラーチェック後にいちいちステータスバーにカーソルが移るのがウザい 79文字制限はちょっと厳しいので自由に変えたい エラー部分をハイライトして欲しい （解決法）Package Control:: List でパッケージのリスト、エンターでそのパッケージのディレクトリをパッと開いてくれる。ここのreadmeを見るとconfigのテンプレートがのっている。「Sublime Te
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 +
Emmet Documentation
Emmet — the essential toolkit for web-developers Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow: <!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> | </body> </html> ~~~ tooltip: Type CSS-like abbreviation type: ul#nav>li.item$*4>a{Item $} wait: 1000 tooltip: Run “Expand Abbreviation” action to expand it into HTML ::: “Expand Abbreviati
Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫
バイト先で「新ゆとり世代」と言われました。れこです。 HTML、CSSを省略して書けるZen-Codingの後見、 Emmetについて書こうと思います。 やれCoffeeだTypeScriptだSassだ〜と手をつける前に、 もっと簡単に、デメリット無く作業効率をあげられます。 CoffeeScriptやSassなどのプリプロセッサ系とは違い、 CoffeeやSassの知識を開発メンバー全員が持ってないとならず、 結局自由が効かなくなる、ということはありません。 個人から使えて、チームで使ってもなお良し。 さらに、展開後のカーソルの位置がいい感じだったりと、 細かい気配りまで完璧です。 そんなEmmetを 僕が頻繁に使っている機能に焦点を当てて、紹介したいと思います。 Emmetの導入 Emmetは各種エディタ・IDEのプラグイン形式で配布されています。 お値段は無料です。 Web系の人が
SublimeTextの教科書で紹介されてるプラグインまとめ - Qiita
via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1
sublime text 2 で TeX に再チャレンジ - myy*blog
LaTeXTools のアップデートがあったようなので，設定の仕方は以下にあります． Sublime Text 2 で LaTeX の設定をしなおした - myy*blog 以前，Sublime Text 2 で TeX できるようにしたときに，行き詰まっていたところに，再挑戦しました． ラボのPCでしかTeXのコンパイルができない状況は，4月からのことを考えるとよろしくないのでね． 再挑戦の結果，Sublime Text 2 で TeX できるようになりました！わーい！ 以前のチャレンジ記事：sublime text 2でTeXできるようにしたときのメモ - myy*blog 参考にした記事 今回の参考記事は以下のものです． Mac、Sublime Text 2、LaTeX | Kitchen Garden Blog @hfm 以前の記事に貼っていた記事がリンク切れとなっておりました M
【2014-3-12以降版】Mac Sublime Text2 or Sublime Text3 で Tex 導入の初歩から - みずぎわブログ
以前書いた記事 Mac Sublime Text2で Tex 初歩の導入から OS X Mavericks の方法が2014-3-12のLaTexToolsアップデートにより使えなくなった． 設定方法は以前よりシンプルに簡単になったと思う． 以下，新規導入の場合と再設定の場合のメモを残す． ついでにSublime Text3での設定方法も残しておく． 背景 高機能エディタSublime Text これを使わずに何を使うのってレベルのテキストエディタ． emacs, vimレベルのカスタマイズ性を持ちつつ，GUIで操作可能． 拡張せずとも基本的な機能を網羅しており使いやすく，初心者から上級者までおすすめ． Texの文章を作成する際にも，TexShopに比べて作業効率が格段に上がると思う． ショートカットキー入力でtexのソースからpdfまで変換可能． 1 Sublime Textをsublに
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
Sublime Text 2 のDefault設定ファイルについて
sublimetext_default_settings.md 追記 この記事は古いです...。はてなブログの方に完全版を置いてあります。→ http://blue-ham-cake1024.hatenablog.com/entry/2012/09/07/Sublime_Text_2_のDefault設定ファイルを眺める はてなブログは調子が悪いようなので。 この記事ではDefault設定ファイルにどのような記述がされているか、その記述にどんな意味があるかを一つ一つ見ていきます。実際に設定をカスタマイズしてみたい方は、メニューのPreferencesタブの"Settings - User"からUser設定ファイルを開いてそこでいろいろ試してみましょう。 Sublime Text 2 のDefault設定ファイル 本文 Default設定ファイルとは、Sublime Text のデフォルトの
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
GitHub 製エディタ Atom リファレンス - Qiita
2014年02月27日に書いた記事なため、内容が古くなっています。注意してください Atom とは GitHub 製テキストエディタ。Sublime のようにデフォルト状態でも十分使える、かつカスタマイズ可能。2014/02/27 現在では招待制。 公式サイト - atom.io 他のエディタと何が違うのか Chromium をベースにできており、エディタのどのページもローカルで Web ページがレンダリングされてる。 Node.js を使って各ウィンドウの JavaScript 環境で自由にコードを実行できる。使用されてる技術的に Web 開発者にとっては馴染みが深いエディタになると思われる。 （Chromium ベースなので Developer Tools が開ける (option-cmd-I)） Sublime かなり似てる。git gutter とか package control
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cheat Sheet
Samuli Natri | Software Developer
GitHub - SublimeText/LaTeXTools: LaTeX plugin for Sublime Text
Sublime Text2の複数カーソルの使い方 - Qiita
