最近のフロントエンドのエディタ事情 - mizchi's blog
これは、個人でどんなエディタを使うべきか、ではなく、「チームとして」新しいものを採用するとき、あるツールがエディタ横断で便利かどうかを考える必要がある。 自分個人としては、基本はAtomを使って、TypeScriptを書くときだけVS Code を使っている。ターミナルでは Vim。 環境でエディタを選ぶ 最近の新規プロジェクトでは、とくにブロッカーがなければ TypeScript を使っていいと思う。TypeScript を使うなら当然 VS Code を使うことになる。Atom や Vim でもいいが、TypeScriptのエディタとしては、流石に完成度が頭一つ抜けてる。JavaならJetBrains 的なノリで、TSならVSCode、そういうものと思ったほうが楽。 TS以外なら、エディタはなんでもいいが、ある程度流行ってるものでないとエコシステムに追いついてくれない。 prettie
【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 - Qiita
はじめに 今まで commit message を「なんとなく」書いていたが、プレフィックスをつけることで、コミットメッセージに対する考え方が変わった。 そのおかげで開発効率が上がったので、その内容をシェア。 プレフィックスをつけるってどういうこと？ 以下のようにコミットメッセージの先頭に、なんらかの文字をつけること。 feat: xxx という機能を追加 fix: yyy で発生するバグを修正 refactor: zzz の機能をリファクタ のように feat, fix, refactor などがプレフィックスです。 最近 OSS の Contribution Guide などでよく見かけます。 導入したプレフィックスルール Angular.js/DEVELOPERS.md Angular.js の開発者ガイドに書いてあるメッセージを参考にしました。 以前のコミットメッセージ（例 ちなみ
2017末時点での React Component 設計のベストプラクティス - Qiita
どう考えているか、というのを聞かれたので、記事に起こしておきます。個人の意見です。 Prettier を使う 気づけばコードの整形を人間がやる時代は終わりました。 細かいコーディングスタイルでレビューの時間を取るぐらいだったら、一貫した自動整形ルールを適用すべきです。 人によっては細かいこだわりがあって prettier の規則が気に食わないかもしれず、僕も最初はそうでしたが、Atomで保存する度に自動整形を走らせる prettier の強烈な開発体験によって、最終的にそれらのこだわりを全て捨てることが出来ました。 生産性を求めるなら、現時点では最優先で導入すべきものです。 React.createClass を使わない v16 で削除されたのでいわずもがな。 同様に、 createClass でしか使えなかった mixin 周辺機能も丸ごと deprecated です。 「可能な限りは」
Atom Editorの拡張子による言語選択をカスタマイズする - Qiita
Atomはファイルの拡張子をみて、grammarを選択してくれるのだが、カスタマイズしたいことがある。 atomのソースコードを読んでやり方を調べたので、メモっておく。 grammar選択の概要 atomの言語ハイライト機能はgrammarと呼ばれている。(大抵はlanguage-hogehogeというパッケージ名で提供されている) grammarは内部的にはscopeNameで管理されているようで、 grammar.fileTypesという拡張子のArrayに則って、どのgrammarが選ばれるか決まる。 この部分には、ユーザー定義を追加できるようになっている。(core.customFileTypes) このあたりを参照 適用したいgrammarのscopeNameを調べる customFileTypesは、scopeNameから拡張子配列へのHashなので、scopeNameを調べる
AtomでUMLをライブプレビューできる環境を構築する - Qiita
イントロダクション IoTアプリケーションの設計において、様々なアクターの間でどのようなやり取りが行われるのかを時系列で記述できるUMLのシーケンス図は有効です。次の図は、スマートフォンアプリケーションとデバイス、いくつかのウェブサービスにまたがるやり取りを表したものです。典型的なIoTアプリケーションはさらに複雑で、複数の人々が開発を担当することになります。シーケンス図を用いて、どこを誰が担当し、どのようにやり取りするのかを明確にしておくことにより齟齬の発生を防げます。 また、リサーチにおける分析においてもシーケンス図は有効です。往々にして、調査の対象となる現場には様々な登場人物が関わり、その間で複雑なやり取りが発生します。膨大に積み上がった断片的なデータを基にシーケンス図を作成することにより、コミュニケーションのギャップや、不必要なやり取りに時間が費やされているポイントなどを見つけるこ
Atomエディタに独自の補完候補を追加する(1) - kitao's blog
Cocos2d-xのJavaScript版で何か作ろうと思って少しずつ勉強を進めていたのですが、ついでにエディタもAtomに変えてみようと思ったのが紆余曲折の始まりで、気づけばパッケージを色々試したり、キーバインディングを変更したり、Mac版とWindows版の違いに悩まされたりと、すっかり時間が経ってしまいました。 試行錯誤の中でも、一番時間を使ったのがCocos2d-x向けにAtomに補完候補のキーワードを追加する方法で、使えそうなパッケージがないため結局自作の道を選ぶことになりました。 ということで、今回はCocos2d-xではなく、その前哨戦としてAtomに独自の補完候補を追加する方法について2回に分けて解説してみたいと思います。 Atomエディタについて AtomはGitHubが開発しているテキストエディタです。フレームワークとしてChromiumとNode.jsを組み合わせたE
Atom Flight Manual
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
AtomでVJできるパッケージを作った #GLSL #livecoding - マルシテイア
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][Remote-FTP]Vagrant に接続できなくなった。 - Qiita
突然Vagrant と接続できなくなった。 それは、突然やってきた。 何もしていない。 何の設定も変えていない。 だけど、Atom の Remote-FTP で Vagrant 上のファイルを操作できなくなった。 なんか解決したので、超ニッチな問題だが書いておく。 解決策 を .ftpconfig に追記する。 これだけ。 このシンプルな解決策で、僕の Atom が復活した。 参考 このissue の真ん中付近に解決策が載っていた。 せっかくなので せっかくなので、keyboard-Interactive について調べてみた。 ↓ 答え http://e-words.jp/w/%E3%83%81%E3%83%A3%E3%83%AC%E3%83%B3%E3%82%B8-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E8%AA%8D%E8%A8%B
![[Atom][Remote-FTP]Vagrant に接続できなくなった。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b7417d5212319063038be66218b16ab18080e0d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQXRvbSU1RCU1QlJlbW90ZS1GVFAlNURWYWdyYW50JTIwJUUzJTgxJUFCJUU2JThFJUE1JUU3JUI2JTlBJUUzJTgxJUE3JUUzJTgxJThEJUUzJTgxJUFBJUUzJTgxJThGJUUzJTgxJUFBJUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgwJTgyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0wNmE5MzY3NWE0Y2I0MTU4MDY1YjFmMjAxZTZlZTQ3MQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBnb3JvZ29yb3lhc3UmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTlhODQ3MzVlNmYyMmEwYTI0M2IxMDFiYjIyMmQwZTVj%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-RnVzaWM%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%2523212121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D50e80c0d608395e1eec54e245c86c499)
Atomプラグイン作成入門 ハンズオン形式でプレビュー型プラグインを作ってみよう！ - Qiita
前置き タイトルの「プレビュー型プラグイン」とは、テキストエディタに書かれた文字列を変換して表示するプラグインのことです。 例えば、Atomにビルトインされているmarkdown-previewをはじめとして、asciidoc-preview、atom-html-previewなどがあります。 この投稿では、ハンズオン形式で簡単なプレビュー型のAtomプラグインを一から作っていく過程を解説していきます。 夏休みの課題としてAtomプラグインを作ってみましょう！ 作成するプラグイン プレビュー元のテキストエディタから数値を抜き出して合計するプレビュープラグインを作ってみます。 実装する機能 以下の機能を実装します 1. メニューバーのpackageや、コマンドパレットからプレビューを起動 2. プレビュー対象のテキストエディタやファイルから数値を抜き出して合計をプレビュー画面に表示 3. プ
最強のMarkdown編集環境としてのAtom - たけぞう瀕死ブログ
ブログなどちょっとした文章の編集から書籍の執筆までMarkdownを活用しています。これまで試した各種テキストエディタのMarkdown編集支援機能や、Markdown編集専用のツールはどれも満足の行くものではなかったのですが、最近はAtomに以下のようなパッケージを入れた環境が理想に近いMarkdown編集環境を得ることができました。 少し前にエンジニアHubさんで各社のエンジニアの方がオススメのAtomパッケージを紹介するという企画記事があり、私もMarkdown関連のパッケージを紹介させていただいたのですが、この記事では各パッケージを簡単にしか紹介できなかったので、ここでは少し詳しく紹介したいと思います。 employment.en-japan.com document-outline atom.io サイドバーにMarkdownの見出しをツリー状に表示してくれるパッケージです。書籍
Hatena Engineer Seminar #8 を開催しました #hatenatech - Hatena Developer Blog
こんにちは！Mackerelチームの id:amagitakayosi です。 先日開催された Hatena Engineer Seminar #8 のレポートをお届けします！ 目次 Hatena Engineer Seminarについて id:amagitakayosi 「はてなにおけるフロントエンド会の取り組み」 id:t_kyt 「がんばらないTypeScriptのはじめ方」 id:masawada 「フロントエンドの秩序は保たれているか?」(LT) id:akiym 「マンガビューワの遅延ロードのしくみ」(LT) パネルディスカッション 最後に Hatena Engineer Seminarについて developer.hatenastaff.com Hatena Engineer Seminar(以下「エンジニアセミナー」)は、はてなのサービスを開発する上で、エンジニアがどのよう
Atomでフロー図っぽいのを書く - Qiita
きっかけ ちょっと大きな規模の開発になった時に、頭がおかしくなりそうになったので一旦アウトプットしようということで ドローイングツールを探してたら普段利用しているエディタのAtomでUMLっぽいの書けるじゃんということになりました。 導入ツール 説明不要のエディターですね => https://atom.io/ plantuml-viewer atomプラグインのplantuml-viewerを使用します。 使用するのに java Graphviz が必要とのこと。下記の記事が詳しいです。 参考: テキスト入力でUMLをライブプレビューしてくれるツール（plantuml-viewer:Atomプラグイン） - Qiita language-plantuml PlantUMLのサポート用に上記のatomプラグインも入れました。 使ってみる PlantUML - シーケンス図 | プログラマー
Atomの自動補完プラグイン「autocomplete-plus」のPerl用Providerを書いている話 - Takuji->find;
これは はてなエンジニアアドベントカレンダー2016 23日目の記事です。 qiita.com developer.hatenastaff.com 昨日は id:takuya-a さんの文字列アルゴリズムの学びかたでした。 こんにちは、はてなでアプリケーションエンジニアとしてWebサービスやAndroidアプリ（たまにiOSアプリ）を開発しているid:takuji31です。 私は普段VimでPerlを書いているのですが、最近AtomでPerlを書きたくなってAtomの自動補完プラグインである「autocomplete-plus」のPerl用Providerを書いているので、今日はそのことについて話します。 先に謝罪しておきますと、本来はこのエントリーで公開しましたと告知する予定でしたが、まだ実用的なクオリティーには達していないので、開発中とお知らせするだけになります 🙇 github.c
Atomのおすすめテーマまとめ！テキストエディタをオシャレに！定番のテーマから変わったテーマまで紹介 - プログラミング雑記
テキストエディタの Atom ではシンタックスハイライトを変更することができます。 定番のテーマから人気キャラを用いたテーマ、インストール数の少ない隠れた良テーマまで紹介していきたいと思います。 2016年12月12日追記） part2も出ました！よかったらこちらもご覧ください。 niisi.hatenablog.jp 目次 目次 入れておいて損はない人気の定番テーマ 気分を変えたい時に使いたい中堅テーマ 人気アニメや映画をイメージしたキャラテーマ 知らない人も多い？隠れたテーマ 実用性はいかに？かなり奇抜なテーマ おわりに 2016年10月13日追記 入れておいて損はない人気の定番テーマ インストール数が多い人気の定番テーマはこちら！ monokai 超有名なカラーテーマですね。黒背景にはっきりした色分け。非常に見やすくて使いやすいです。 多くの派生テーマが存在しその人気ぶりがうかがえま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - atom/autocomplete-plus: View and insert possible completions in the editor while typing
gmork.in
GitHub - atom/highlights: Syntax highlighter
GitHub - platformio/platformio-atom-ide-terminal: A terminal package for Atom, complete with themes, API and more for PlatformIO IDE
Atom Editor: theme/syntax per project or open window