ウェブ制作にはWebStormがお勧め！ 使いこなせば操作が爆速になる機能のまとめ - ICS MEDIA
みなさんはウェブサイト制作で、どのテキストエディターを使用していますか？ 弊社ではHTMLやCSS、JavaScriptを扱うウェブ制作ソフトとして「WebStorm（ウェブストーム）」を全スタッフが利用しています。WebStormは有料のソフトウェアですが、日本語に対応しており、ウェブ制作に役立つ機能が豊富に搭載されていて値段以上の価値があります。 今回はWebStormの魅力について、「WebStormの概要」、「ウェブ制作に便利な使い方」、「コードリーディングに重宝する機能」、「コーディングの助けになる機能」の4点から紹介します。 ※本記事はWebStormの内容ですが、開発元のJetBrains社が提供しているIntelliJ IDEAやPhpStorm、その他のIDE（統合開発ソフト）で同様のショートカットや機能を使用できます。 本記事は初心者向けの内容ですが、続編記事「使用歴5
Macの新機能Split Viewを使いこなそう。画面を2分割して作業を効率化
Macの新機能Split Viewを使いこなそう。画面を2分割して作業を効率化2015.12.06 11:3561,404 MakeUseOf：Split Viewなんて、ただの子供だましだと思っている人もいるかもしれませんね。でも、しばらく使ってみたら、｢今までこれなしでMacを使ってきたのか…｣と思うようになるでしょう。 そんなワケあるかって？ その気持ちもわかりますよ。Split ViewはEl Capitanの新しい機能の中で一番注目を集めていますが、初めは私にもその価値がわからなかったというのが正直なところです。一度に1つのアプリしか開けなかったiPad上では、画面を分割して表示できることには大きな意味があります。しかし、Mac上ではもともと複数のアプリを一度に起動でき、複数のウィンドウを開くことができました。なので、｢なぜいまさらSplit View？｣という感じでした。 同じ
Visual Studio Codeの進化した編集
Editing Evolved Visual Studio Codeは、プログラミング言語サービスと組み合わせるとき、高い生産性のコード・エディタを持っています。 あなたに、IDEの機能とテキスト・エディタの速度を与えます。このトピックでは、私たちは、最初に、VS Codeの言語情報機能について説明します。 （提案、パラメータ・ヒント、スマートなコード・ナビゲーション）そして、その次に、中心的なテキスト・エディタの機能を示します。 Editing - Smart VS Codeは、組み込みのJavaScript/TypeScript言語サービスに、たどり着きました。 このように、あなたは、すぐに使えるJavaScriptとTypeScriptのコード情報を取得します。 Go、Python、C＃のような、他の言語については、あなたは、深い言語サービス統合のための拡張機能をインストールする必要
VisualStudioCode用のVimプラグイン作った - @74thの制作ログ
VimStyleという、VisualStudioCode用のVimプラグインを、VisualStudioCodeでTypeScriptを作った。 https://marketplace.visualstudio.com/items/74th.vimStyle TypeScript素晴らしい。だって、JSなのにエンプラ的なクラスを使ってプログラミングできる。もちろん、ビルドエラーもすぐわかる。型もチェックされる。 VisualStudioCode素晴らしい。当たり前のようにデバッグができる。 さすがIDEを長年作り続けたMSだけあって、すごく良い。ふんわりしてるAtomと違って地に足ついてる感じする。 しかし、VSCodeでまだ足りてないところがいくつか。 Key-bindingで動作しないキーがある。 拡張機能からスクロールする方法がない。→修正しました。ありました。 長年Vimを使ってき
dtrace を使ったシステムコールのトレース - IT戦記
dtrace とは Mac OS X Leopard から導入された、プログラムを書き換えることなくプログラムの情報を監視（トレース）できる便利ツールです。 使い方 たとえば、 vim という名前のプロセスからシステムコール stat, open, stat64 されたときに第一引数（ファイル名）を監視するには以下のようにします。 $ sudo dtrace -n "syscall::open:entry, syscall::stat:entry, syscall::stat64:entry / execname == \"vim\" / { trace(copyinstr(arg0)) } " 説明 まず、 -n というのは「probe」の「name」を指定して dtrace する！という意味です。 $ sudo dtrace [-n [[[ provider: ] module: ]
The Silver Searcher のススメ - Qiita
What is The Silver Searcher The Silver Searcher ファイルに対して再帰的に文字列検索を行なうコマンドです。要はスゴイ grep です。Silver だから ag というコマンド名という。 Why The Silver Searcher とても速い。 Pthreads を使用し並列処理を行なう。 .git や .svn を検索除外してくれる。 .gitignore の内容も除外してくれる。 ag のみで除外したい場合は .agignore というファイルも利用可能。 検索対象ファイルのファイルタイプをオプション指定できる。 --ruby と指定すると (.rb .rhtml .rjs .rxml .erb .rake .spec) が対象になる。 インストール OS X Homebrew で
grepツール「highway」を試してみました - 気ままなブログ
最近「highway」というgrepツールが公開されていたので試してみました。 highwayのビルド まずはソースコードをダウンロード。右下の方にある「Download ZIP」をクリックすることで、ソースコード一式をzip形式でダウンロードできます。展開してhighway-masterディレクトリに入り、./tool/build.shを実行することでコンパイルまで行えました。ただ、私のマシンにはtcmallocがインストールされていないため、下記のエラーが発生しました。 $ unzip -q master.zip $ cd highway-master $ ./tool/build.sh ...... gcc -g -O2 -pthread -Wall -std=gnu99 -o hw src/highway.o src/file.o src/scan.o src/fi le_queu
tmuxのおすすめ設定 - Qiita
Solarized を使って色をいい感じにする Solarized - Ethan Schoonover これを使うと色がいい感じになります dircolors なども用意されていて大変良いです source-file などを使って外部ファイルとして読み込むのもよいですが，.tmux.conf に関しては大して長くもないのでコピペしてしまっても良いと思います solarized/tmux at master · altercation/solarized これの好きな色を選択しましょう ちなみに dircolors も設定したい場合は zsh ならば .zshrcを色んな環境で共有する方法を考えてみた - Qiita [キータ] が参考になるかと思います tmux のコピーについて Ubuntu - tmux上のコピペをうまく設定する方法 - Qiita [キータ] 以前こんな記事も書いた
Big Sky :: Vim script は人々の生活を豊かにしなければならないッ！
この記事はVim Advent Calendar 2013 : ATND 7日目の記事になります。 2013年もあと少しです。今年も Vim に関する色んな話題が登場しました。 そして数多くの Vim plugin が今年も登場しました。 ステータスバーをスタイリッシュにするプラグイン Markdownをプレビューするプラグイン 正規表現をプレビューするプラグイン ブラウザと通信するプラグイン 補完プラグイン 貴様！？まさか！ そのまさかだ！フハハハハハハ... どれも凄い物ばかりでした。そして Vim 界においては日本人の活動が特に素晴らしかったと思っています。 k_takata さんの大活躍で多くのパッチが vim-jp より提出され取り込まれました。 何名かの方には Vim 7.4 のリリース後も動作検証に協力頂きましたし、Vim advent calendar 2012 は結局1年
vim-splashを使い倒してこそ真のVimmerですぞ #vim - 若くない何かの悩み
Vim Advent Calendar の19日目です。昨日はyoshikawさんのサーバ管理に役立つVim技10選でした。 さて、@modsoundさんの記事、Vimmer名刺を持ってVimConfへ出かけよう に触発されてvim-splashの可能性を最大限に引き出す使い方を提案します。 vim-splashでなにができるの かっこいい起動画面 VimmerにモテるVim名刺 ひつようなもの thinca/vim-splash 起動時スプラッシュ 例 vim_intro.txt 名刺用スプラッシュ 例 orga_chem.txt かっこいいスプラッシュのつくりかた みなさんもかっこいいスプラッシュを作ってﾊｧﾊｧしましょう。 サンプルとして、vim.orgの名刺用スプラッシュをつくってみます。 雛形をつくる まず ASCII Art Gener ator をつかってアタリ（下書き）をつ
jVi, Vrapper, IdeaVIMの比較 - marsのメモ
ちょいと前にマジメに比較してみて、そのまま死蔵してた資料が出てきたので供養のつもりで公開してみる。知らない人に簡単に説明すると、jVi, Vrapper, IdeaVIMはそれぞれNetBeans, eclipse, IntelliJ IDEAのvi/vimプラグイン。世の中のvi/vimユーザの怨念たるや凄まじく、IDEなんてモードレスエディタが当たり前なのに、無理矢理vi/vimモードを実装した猛者がいるのです。 どれも一定水準以上のすばらしい出来なんだけど、vi/vim（特にvim）に対する拘りも人それぞれで、満足する人、それでも不満が残る人がちらほら。でも、どうがんばってもこれらプラグインがvimに追いつくことは叶わぬ夢なので、どの辺で妥協できるかが、これらを受け入れられるかどうかのポイントになるかと。 それと想像に難しくないけど、どれもvimscriptはサポートしてないよ。 j
Vimの置換方法まとめ - Y's note
Vimの標準機能が素晴らしすぎて泣けてくる。編集ファイル内部の置換はまだしもファイル外の置換までできるとは。忘れないようにメモをしておこう。 ファイル内置換 Vimで編集中のファイルにたいしての置換は次の通り。 "ESC"でコマンドモードに切り替えた状態からの説明。 指定ルール 説明 ルール カーソル行の最初の文字だけ置換 :s/<置換前文字>/<置換後文字>/ カールル行の全ての文字を置換 :s/<置換前文字>/<置換後文字>/g 全ての行の最初の文字だけを置換 :%s/<置換前文字>/<置換後文字>/ 全ての行の全ての文字を置換 :%s/<置換前文字>/<置換後文字>/g 置換確認モード :%s/<置換前文字>/<置換後文字>/gc 指定行数内の全ての文字を置換 :<開始行>,<終了行>s/<置換前文字>/<置換後文字>/g 正規表現でマッチした文字を\1で後方参照置換 :s/\(<正
これだけは知ってもらいたいLinuxコマンド
ざっと、あげましたが10個もありませんね。 しかし、 この程度の操作を知っている だけでかなりの操作をすることができますよね! Linuxも同じ で、数百あるコマンドのうち本当に基本的なものは ほんの少しなのです。 これら、最低限のコマンドを覚えいくつかの定番のソフトの 使い方を覚えてしまえば、実は Linuxなんて簡単に覚えることが出来ます。 特にMS-DOSを知っている人は、構造が似ていますのですんなり覚えることが出来ますよ。 ここでは、Linuxの基本中の基本コマンドを取り上げます。 これらのコマンドには色々「オプション」があるのですが とりあえず省きます。 とりあえず、 「習うより慣れろ」です。 ちょっと位操作ミスしても大爆発なんてしませんので、ご心配なく。(^^ [1] ls [ls]コマンドは、ディレクトリの中身の一覧を表示させるコマンドです。 (l istの略) 特に指定を
なんとなく zsh 使ってるけど……的な人は oh-my-zsh 入れると良い - 宇宙行きたい
これから zsh はじめる人へってタイトルにしようかと思ったけどやめた。 oh-my-zsh というのがあります。 https://github.com/robbyrussell/oh-my-zsh 色々便利設定とテーマ群になります。 で、テーマの数がすごいのでまずは見てみよう↓ https://github.com/robbyrussell/oh-my-zsh/wiki/themes みんな zsh 便利だって言ってるから使ってるけど、まぁそこまで使いこなしてないよねー でも Bash に戻るのもなぁとかそんな人間は何も考えずにとりあえず入れてみると良いと思う。 まず、自分の今までの設定を rename とかして退避（あとで使います） git clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh cp ~/.oh-m
github for macのここが便利 - Qiita
github for macのアップデートによりこの記事は情報が古くなってます 基本的にCUI派なのですが、gitはgithub for macがとても便利なのでCUIとGUIどちらも使っています。 皆さんgithubのPull Requestを使用してコードレビューを行なって開発を行なっていると思われるのですが、その一連の流れがgithub for macだと手軽に出来ます。 それでは順を追って説明していきたいと思います。 0. Download/Installation ここでできます(･∀･) 1. Create Branch 作業をはじめるときは、まずブランチを切りますよね、github for macだと簡単にlocal、remoteブランチ作成ができます。 ブランチ一覧で元となるブランチの右上の + から、ブランチを作ることができます。 ブランチが作成できたら、localブラン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Auto-Starting Tmux in iTerm2
GitHub - square/maximum-awesome: Config files for vim and tmux.
Vim Essential Plugin: EasyMotion | Envato Tuts+
Quora | Firefox Search Box – 🦊 Firefox (ja) 向け検索ツールを入手
GitHub - zsh-users/zsh-syntax-highlighting: Fish shell like syntax highlighting for Zsh.
