もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
.editorconfigが便利すぎて失禁した - mon_sat at Co-Edo（半年前の自分への教科書 / 別院）
こんにちは。@mon_satです。 開発していてたまに困るのは、プロジェクトによってコーディングルールがばらばらで「インデントがタブ文字か半角空白か」などいろいろ統一されていないことです。 最近はIntelliJ IDEAで作業することが増えてきました。 エディタ側で自動的に設定しているコードスタイルにしてくれるのは大変ありがたいのですが、少し設定が面倒ともいえます。 また、プロジェクトメンバー間で別々のエディタを使っていても同じコーディング規約を適用したいものです。 CakePHP3.0のリポジトリを見ていて気づいたのが .editorconfig というファイルの存在で、検索して見つけたのは下記のWebサイト。 サイトのTOPページに載っているサンプルの .editorconfig の中身は以下のとおり。 これを見ているだけでもワクワクしてきませんか！？ # EditorConfig
行末の空白は EditorConfig で始末しましょう - Qiita
（この記事は Zenn に移行しました。今後のメンテナンスはありません。なお ATOM で文字エンコーディングの自動判別を行うなら auto-encoding パッケージがおすすめです） 最近は作業の8割くらいは ATOM でまかなえるようになって，だいぶ手に馴染んできた。で，相変わらず秀丸にあって ATOM にない機能をちょこちょこと補完してるんだけど，その中で「行末の空白を削除する」パッケージとかマクロ（他のエディタね）とかが目につきだした。みんな苦労してるんだねぃ。 でも，昔はともかく，今は EditorConfig に対応しているエディタなら余計なパッケージやマクロなど不要である。 EditorConfig たとえば統合環境の IntelliJ IDEA はネイティブに EditorConfig に対応してるし，プラグイン対応でなら Visual Studio や NetBeans
Projects Using EditorConfig
An incomplete list of projects that are using EditorConfig: A11Y Project (source) -- A11Y Project : A community-driven effort to make web accessibility easier. Amaze UI (source) -- A front-end framework from China. AngularJS (source) -- HTML enhanced for web apps Angular Strap (source) -- Bootstrap directives for Angular Angular Leaflet Directive (source) -- Angular directives for leaflet library
チーム開発に効く環境構築術 | 第1回 EditorConfigのススメ
次にそれぞれのプロパティの意味を解説します。 root trueに設定することで、上位階層の.editorconfigを探索しなくなります。 .editorconfigの保存先がプロジェクトのルートディレクトリの場合はtrueに設定します。 indent_style インデントの種類を指定します。 tabかspaceのみ指定可能です。 indent_size 1インデントの幅を数値で指定します。数値は半角スペースの文字数を表します。例えば、2と指定すれば、1インデントの幅は半角スペース2つ分になります。indent_sizeの値にtabを指定した場合は、tab_widthで設定した値が使用されます。 tab_width インデントがタブの場合の、1インデントの幅を正の整数で指定します。 ただし、indent_sizeが指定されている場合は、その値がデフォルト値となるため、tab_width
EditorConfigで文字コード設定を共有して喧嘩しなくなる話。（Frontrend Advent Calendar 2014 – 14日目） | Ginpen.com
Frontrend Advent Calendar 2014の14日目の記事です。 Frontrend Advent Calendar 2014 – Qiita ご存知ですか、EditorConfig。 便利すぎてほんのり涙出てくるくらいなんですが、いまいち周囲で聞かないので流行っていないのではないかと思います。是非とも流行らせてください。平和のために！！ フロントエンドにあんま関係ない代物だけど、改行コード絡みで恨みつらみを聞く機会が多い気がするのでご容赦くださいまし。 なにそれ 様々なエディターで利用できる、共通の書式設定ファイルです。”.editorconfig”というファイルをプロジェクトのルートに配置しておくだけで、エンコード等の書式をそのディレクトリー配下のファイル編集時に固定できます。 もちろん設定自体は各エディターでやってもらえば良いんだけど、やっぱりほら、好みとかもあるわ
超便利なDB用GUIツール『0xDBE』が『DataGrip 1.0』として正式リリースされました | DevelopersIO
Welcome DataGrip 1.0: a JetBrains IDE for DBs and SQL (formerly @0xDBE) https://t.co/n5mZkr7Dim pic.twitter.com/R6mYxcZ5t7 — JetBrains (@jetbrains) 2015, 12月 16 今年7月に以下エントリで紹介していたDB専用GUIツール『0xDBE』が、正式に『DataGrip』という製品名でこの度リリースされた模様です。 Mac/Windows/Linuxで利用可能なDB専用GUIツール『0xDBE』について ｜ Developers.IO 当エントリでは、ツール『DataGrip』の機能及び費用について簡単にではありますがご紹介してみたいと思います。 目次 DataGrip: 主な機能 DataGrip: 価格 まとめ DataGrip: 主な機
テスト駆動開発・Eclipseショートカット編 - Strategic Choice
（遅ればせながら）「テスト駆動開発」にチャレンジします。オブジェクト指向設計・実装の「速度」「精度」を改善するのが目的です。その道程の中で（本ブログメインテーマの「オブジェクト指向」とは関係ないですし、かつ直接「テスト駆動開発」にも関係ありませんが、実装速度という目的において）「Eclipseショートカット」を覚えてしまいたいので、これをまとめておきます。書籍にもネットにも情報が多く、感謝です m(_ _)mEclipseショートカット・作成Eclipseショートカット・編集Eclipseショートカット・補完 Eclipseショートカット・テストEclipseショートカット・リファクタリングEclipseショートカット・移動・ファイル内 Eclipseショートカット・移動・ファイル間 Eclipseショートカット・移動・ワークベンチEclipseショートカット・実行 Eclipseショート
Eclipseショートカットキー Mac & Windows 対応表 - CODESCRIBBLE
最近MacでもEclipseを使う機会が増えてきたのですが、WindowsのEclipseのショートカットキーと少し異なる部分があり、戸惑うことがあります。というわけで、メモがてらショートカットキーの対応表を作ってみました。基本的に自分のよく使うコマンドのみを載せています。 コマンド (英語)MacWindows 編集 コンテンツ・アシスト (Content Assist) control + Space Ctrl + Space コンテキスト情報 (Context Information) shift + control + Space Ctrl + Shift + Space 単語補完 (Word Completion) control + . Alt + / クイック・フィックス (Quick Fix) command + 1 Ctrl + 1 クイック・アシスト (Quick As
Eclipseの覚えておきたいショートカットキーとTips - oinume journal
こんにちは。最近仕事ではめっきりJavaばっかり書いていて、そろそろ大嫌いなEclipseを使い始めて3ヶ月以上経ったので、今まで得たノウハウの一部をまとめておこうかと。 Eclipseで覚えておきたいショートカットキー とりあえず自分が日常的に使っているもの。Macな人はCtrlをCmdに置き換えて読んで下さい。 ショートカットキー 動作 Ctrl + Space コード補完 (クラスや変数にカーソルがある状態で)F3 宣言を開く Ctrl + / リージョンをコメントアウト または コメントアウト解除 Ctrl + Shift + O importの整理 Crtl + Shift + P ソース上の対応する括弧にジャンプ({}, [], ()など) Crtl + . 次の注釈へ(次のエラー/警告にジャンプ) Crtl + Shift + . 前の注釈へ(前のエラー/警告にジャンプ) C
Eclipseのキーバインドをvim風にできるVrapperが素晴らしすぎる件について - ( ꒪⌓꒪) ゆるよろ日記
俺はエディターはvim派です。指が覚えてしまっているので。 普段はターミナルでvimを使っていて、Javaのコードを書くときだけEclipseな生活なんですが、Eclipseのエディターは、 なので、常々不満に思っておりました。 いままで、Eclipseのキーバインドをvim風にする、vipluginやEclimなどを試してみたのですが、vipluginはeclipseの補完がうまく働かない、Eclimはeclimdを起動させておく必要がありちょっと大げさ、など「これだっ!」というものがありませんでした。 そこで、「Vrapper」さんの登場ですよ! Eclipseのエディターがvim風のキーバインドで使えます。しかも、Eclipseの補完機能なども同時に使えます! Vrapperのインストール Eclipseの更新サイトに"http://vrapper.sourceforge.net/u
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
IntelliJ IDEAが便利になる40のショートカット - 壷ラボ
ここ数カ月、家でも仕事でもIntelliJ IDEAを使っているのですが、せっかくのIDEなのにショートカットをほとんど使っていなくて宝の持ち腐れ状態になっているので、ちょっと調べて便利そうな物を一欄にまとめてみました。 Macでは微妙に違うものもあるので注意。 ショートカット 動作 Ctrl + Space Basic Code Completion Alt + Enter Show intention actions and quick-fixes Ctrl + Alt + L Reformat code Ctrl + Alt + O Optimize imports Ctrl + P Parameter info Ctrl + Q Quick Documentation lookup Ctrl + F1 Show descriptions of error or warning at
tmux + iTerm2とクリップボード - cynipeと読む
重い腰を上げてついにLionにアップデート。せっかくなので設定周りもちょっと見直した。そこでゆろよろさんの日記を参考に設定をしていたんだけれども、もうすこしショートカット出来るようなのでその手順をば。 tmuxのインストール 何はともあれtmuxのインストール $ brew install tmux reattach-to-user-namespaceのインストール どうも今はHomebrewで用意されてるようなので、こちらもさくっと入れられる。 $ brew install reattach-to-user-namespace .tmux.confの編集 あとは↓を.tmux.confに書くだけ。 素朴な疑問 viバインドでコピーモード時に選択モードに入るにはSpaceなんだけどこれをvに当てる方法ないのかなぁ？ viバインド時のコマンドをごにょごにょする方法が分からん・・・。
名無しのvim使いへようこそ。 — 名無しのvim使い
コンテンツの案内 このサイトには、下記の種類のコンテンツがあります。 「vimエディタ基本」vimエディタの基本的な情報を扱った記事の一覧 「vimエディタのインストール関連の記事」vimエディタのインストール方法 「vimエディタ・スターターマニュアル」vimエディタの操作方法（かなり入門） 「vimスクリプト」vimエディタの拡張スクリプトの記事の一覧 「役立つ、助けになるvimスクリプト」 「デフォルトでインストールされているvimスクリプト」 「vimエディタカラースキーマ」vimエディタのカラースキーマのスクリーンショットの一覧 「vimスクリプト リファレンス」vimスクリプトの書き方、サンプルコード 「その他のツール、コマンド」vimエディタ以外の、ツール、コマンドの記事の一覧 「ダウンロード」このサイトで配布しているファイルの一覧 このサイトではRSSでサイトの更新情報を配
Eclipseショートカットキーまとめ - wyukawa's diary
とりあえずまとめてみました。他にもあるけどよく使いそうなやつを中心に書いてみました。参考になれば。 ■コーディングに便利なショートカット １．補完(Ctrl + Space) これはもう言うまでも無いですね。ちなみにメソッドを補完する際はキャメルケースの大文字部分で絞込むことができます（補完だけじゃなくて検索も同様）。くわしくはEclipse: キャメルケースの補完奥義 - jfluteの日記。 sysoでSystem.out.println();が、mainでpublic static void main(String[] args) {}が補完されるのは常識。 あとコレクションや配列の変数の後にforeで拡張for文が補完されるのはループに関するつまらないバグを無くせるので積極的に使ったほうがいいと思います。 変数名も補完できます。型がArrayListならarraylist, lis
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fukata.org
Loading...
Vim 基本操作まとめ - Archiva
IDEA * IDEA
