GLSLでVJやライブコーディングができるAtomパッケージを作りました。 その名も VEDA !!! atom.io この記事では、VEDAの使い方や機能を説明します。 目次 このパッケージでできること 機能一覧 インストール glslangValidatorのインストール VEDA本体のインストール 使い方 今後の開発 このパッケージでできること AtomでこんなVJができちゃいます！ My first VJ live coding pic.twitter.com/j66MFGZfFO— amagi (@amagitakayosi) 2017年7月31日 この動画は、先日僕が VEDA を使ってVJした時のものです。 動画素材や画像素材をロードしつつ、GLSLで加工したり動きを付けたりしています。 動画素材をロードしてMIDIコントローラーで操作きるので、コードをほぼ書かずにVJするこ
atom-alignment atom-alignment コードの整理に便利。 サクッと見やすく整えてくれます。 =でも=>でも使えます。 # before $config['foo'] => 'foo' $config['foobar'] => 'foobar' # after $config['foo'] => 'foo' $config['foobar'] => 'foobar' symbols-tree-view symbols-tree-view 見通しの悪いclassなんかを見る時に便利。 class, variable, function が表示可能（右クリックで選択できる）。 symbol-gen symbol-gen ctagsを生成してくれます。 atom自体がctagsをサポートしてくれているので、go to declaration (option cmd ↓)で定
Atomエディタ 便利なパッケージ一覧！ 全23社のWebエンジニア・デザイナーがおすすめを紹介 Web開発で人気のAtomエディタ。便利なパッケージがたくさんありますが、必ずインストールしておきたいのは何でしょう？ IT企業23社にアンケート調査を実施しました。一番人気だったのは……？ 使い勝手の良さと汎用性の高さから、Webエンジニアやデザイナーの人気を集めているAtomエディタ。愛用している読者も多いのではないでしょうか。登場が2014年と比較的新しいエディタにもかかわらずシェアを急速に伸ばしており、人気の高さをうかがわせます。 Atomエディタを使う際に必ずインストールしておきたいのが、パッケージです。これはデザインテーマや、プログラミングの便利機能などをエディタに追加できるプラグインのようなもの。快適に効率よく開発を進めるには必要不可欠です。 しかし、Atomエディタのパッケージ
久しぶりにatomのpackageを書いてみました。開発時にはpackageの auto reload 欲しいなぁ。ショートカットのreload遅すぎる。 atom-test-switcher rochefort/atom-test-switcher: Switch between source and test files. こんなの option - t で テストコードとソースコードを切り替えるプラグイン。 rubyの test-unit に対応したパッケージが見つからなかったので（rspecやminitestのファイルパターンのものはあった。） 作ってみました。 ついでにjsも対応させようと汎用化したら、一気にソースコードが汚くなってしまって、まだテスト書いてない状態です。実装も怪しい。 設定画面 こんな感じで、ソースコードのdirectoryとテストコードのパターンを指定すれば動
emmet 便利ですよね。 snippets や shift + cmd + ' でhtmlタグ除去とか、ctrl + d で outward 選択などはよく使います。 snippetsで1つ修正したい箇所があったので調べて見ました。 やりたいこと ! or html:5 で以下のようなsnippetsが展開されるのですが、 lang=“en” のところが余分だなと以前から思っていました。 （ちなみに lang は環境によって変わります） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> 調べてみる Atom Package Settings 設定画面の最下部にリンクがありました。 Customizatio
It has been almost two years since the v1.0 of the linter package for Atom was released to the general public. Since then, we have come a long way. Linter is the second most downloaded Atom package right now with over 2.7 million downloads. Thank you for being a part of it 🙇. Linter v2 has been in the oven for more than a year and I'm excited to announce it's release to you today. Separate UI pac
各種editorでmarkdown tableのformatterは用意されていると思いますが、 Atomプラグインのmarkdown-table-editor の出来が非常に良いです。 これまでは、markdown-table-formatter を利用していましたが、こちらよりも数段使いやすいです。 デフォルトだと日本語に対応していないので、以下の「Use East Asian Width」オプションをオンにしておくと良いです。 「Smart Cursor」 の方は、名前から機能が想像できませんが、特定列の修正を連続して行う場合に便利そうです（他にも便利な機能があるのかもしれませんが）。 ご参考 Markdown のテーブルをいい感じに編集する Atom パッケージを作った - Object.create(null)
相変わらず既存のものが……だったので作りました. 以前 SyaroNote で Ace 向けに作ったものをベースに色々改良しています. atom.io 動作はこんな感じです. 他にも行の挿入や, 左・右・中央揃えの切り替えなどが簡単にできます. Markdown のテーブルの編集にお困りの方はお試しください. あと, Windows や Linux でのキーバインドなどがまだ適当だったりするので, 何か機能についてのご意見などあればお気軽に @susisu2413 までどうぞ. Markdown に関する愚痴 Markdown は簡単に使えますが, 一方で仕様がはっきりしていないので, 実装によってかなり解釈が違って, 色々試しているときにかなり疲弊しました. 例えばこれは Atom 標準の Markdown のプレビュー markdown-preview-plus のデフォルト (mar
textlint のatomプラグインがあるというので install してみました。 textlintのAtomプラグイン - 1000ch.net Install textlint 本体 textlint/textlint: The pluggable natural language linter for text and markdown. 注意事項としては Node.js 4.0.0 >= かつ If you have installed textlint as --global(-g), must install each rule as --global. If you have installed textlint as --save-dev(-D), must install each rule as --save-dev. 混ぜるな危険だそうです。 Recommende
textlintのAtomプラグイン azu/textlintというテキストのlintエンジンがある。Node.js製なのでCLI周りは既にあるが、エディタでもできたら良いなと思ってAtomのプラグインを作った。TextLintについては「textlintで日本語の文章をチェックする」という記事を見てもらえると良い。 プラグインのインストール apmコマンドでインストール、または Settings → Install から linter-textlint で検索してもらうと出てくる。 $ apm install linter-textlint 使い方 Atomで開くプロジェクトに.textlintrcを配置し、プラグインやらオリジナルのルールを配置する。 例えばtextlint-rule-max-tenという一文に句点を3つ以上入れるなよというルールを使う場合、プロジェクトディレクトリでn
以前、あるキーの入力回数に応じて表示する内容を変更する（[' => ', ' -> ', '=>', '->'] を順番に表示） ものが欲しくて、試行錯誤した結果 fat-arrow という Atomプラグインを作る ことになったのですが、 そんなことしなくても、ちょっとした関数などを書ける init.coffee が用意されていました。 3.2 Hacking Atom : The Init File 書いてみる packageから移行しただけですが、これだけで実装できます（APIはクセがありますが）。 ちょっとした関数にkeymapを追加するというのがやりたかった。 // init.coffee CANDIDATES = [' => ', ' -> ', '=>', '->'] atom.commands.add 'atom-text-editor', 'fat-arrow:show'
昨日はAtomのkeymapを少し編集しましたが そういえば v1.0 に更新された際に色々記法が変更になっていたようです。 現在まで新旧混在の書き方をしていましたが、少し調べて新しい書き方に揃えました。 主な変更内容 1.2 Upgrading to 1.0 APIs : Upgrading Your UI Theme Or Package Selectors '.editor' ではなく 'atom-text-editor' というselectorを利用する方式に変更されています。 その他色々変更されています。 keymapの調べ方 Setting -> Keybindings で検索できます。 コマンドのコピペは行いやすいですが、検索はしにくいです。 他の方法として、'cmd-.' で key-binding-resolver:toggle が実行され 毎度どのコマンドが実行されるの
Atom Editor の Tree Viewの操作についてですが defaultのkey mapはどうも使いづらいので home positionで操作できるようにカスタマイズしてみました。 便利にはなりましたが、vimを利用していた時と同様に、他のIDE(XCode, Eclipse, Visual Studio)を使う際に 毎度残念な気持ちになるので、カスタマイズはほどほどにするのが良い気もしています。 まずはdefault key map keystroke patterns commands 概要 shift-cmd-\ tree-view:reveal-active-file 現在開いているファイルをtreeviewで表示 ctrl-0 tree-view:toggle-focus treeviewとeditorのfocus切り替え これらが、どちらも使いにくい。 カスタマイズ
何をするPackageか パッケージを監視して、変更があったら読み込み直す。 変更ファイルだけを〜とか頭いいことはしてない。 自分の環境だと、Package Generatorを使って生成したパッケージのリロードが50msくらい。 どんな感じか こんな感じ 使ってるパッケージはPackage Generatorで生成されたもの。 octocatのボタンにはawesome-package:toggleを割り当ててる。 toggle時にlogに出力されるテキストを変更してファイルを保存したら、変更が反映されている。 これでデバッグしやすくなる。 モーダルパネルのステートを保持するようにパッケージを変更すると、 こういうこともできる。 最後に このパッケージの開発にこのパッケージを使ってたけど、使ったエディタはAtomじゃなくてSublime Text。 普段は99:1でAtomを使ってるんだけ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
gitの操作は割とCLIで済ませることが多かったのですが 最近はログ見るのに source tree いいなぁと思い出してから愛用していました。 まぁ、でもEditor（IDE）内で全てが済むと一番良いので、 atomでgitをGUIで操作するパッケージを探してみたところ、git-control というものがありました。 こんな感じ 見ればわかるかと思いますが、よくあるGUIツールと同等の機能です。 おすすめポイントは、下部にコマンド実行結果が表示されているところでしょうか。 ログを見る機能はないようです。 なんというか、これをプラグインとして作っちゃう人すごいですね。 問題点 git add -p できない。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
