Contact the domain owner here gmork.in 2023 著作権. 不許複製 プライバシーポリシー
![gmork.in](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae388d8409fef30ba9d4c94dc25d185f1553ec9a/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Famagitakayosi%2F20171231%2F20171231094821.png)
原稿やHTMLの草案を書く際に、とても重宝するのがマークダウンエディタです。特定の記号を付与することにより、文章に構造的な意味を付与し、視認性・再利用性を最大限確保した状態で文章を書くことができます。 マークアップはもとより、ビジネス文章やレポート文章を記述する感覚に近いので、社内の共有文章としてもオススメです。 世の中にはマークダウンで書けるテキストエディタがいっぱい ライティングとプレビューマークダウンのための78のツール 海外の記事ですが、78ものマークダウンエディタに対応したツールを紹介しています。 78 Tools for Writing and Previewing Markdown Mac専用、マークダウン対応エディタ35個 Mac専用のマークダウンエディタ集です。 35+ Markdown Apps for the Mac « Mac.AppStorm これらの中およびその
2016 - 03 - 20 テキストエディタ[Atom]のダウンロードからお勧め設定までを徹底解説! ブログ関係 ブログ関係-ブログ書き方 スポンサーリンク シェアする Twitter Google+ Pocket あなたが普段一生懸命ブログを書いているのは知っています。 もし、そのブログを書く時間が半分になったら最高だと思いませんか? そんな願望があるあなたにはテキストエディタで下書きすることをお勧めします。 ただ、今回紹介するのは少々癖があり、とっつきづらいのです。 なので、このブログを参考にしていただけるとありがたいです。 とても長文なので興味あるところだけ掻い摘んで読んでいただいても結構です。 [目次] テキストエディタ【Atom】の勧め ダウンロードから初期設定まで ダウンロード 日本語表示にする 設定 不可視文字を表示 インデントガイドを表示 最終行を超えてスクロ
2016年 03月 07日 増え続けるエディタの中からAtomを選んだので、設定したパッケージのリストと管理方法について書いておきます カテゴリ: PCツール タグ:エディタ 長らくSublime Textを使ってきたんですが、色々あってエディタを乗り換えようと思い、この度Atomを選択して色々と設定したので記事にしておきます。 Atomを選んだ理由 パッケージリストと管理について インストールしたパッケージの紹介 設定 Githubでの公開 最後に Atomを選んだ理由 理由としては 周りで使っている人が増えている オープンソース EditorConfigに対応している 日本語の扱いが結構良さそう という点です。周りで使ってる人が多いとトラブル時や不明点などの、情報交換がしやすいので良いです。ネットで検索するというのは当然するんですが、なんか普段のコミュニケーションで、ここがね〜とかって
知っている人は知っていましたが、その昔、まつもとさんにEmacs実践入門の本書に寄せてを書いてもらった時、実は僕はまだRubyを1行も書いたことがありませんでした。しかし、あれから3年、いまでは普通にRubyを書くようになりました。 そこで、本日はRubyを書く際に、僕が便利に利用しているAtomパッケージのひとつを紹介したいと思います。 RuboCop。 さて、初心者がRubyを書く際に、とても頼りになるGemがあります。それがRuboCopです。新しい言語を学ぶ際、シンタックスチェッカーは必須ツールですが、RuboCopは、スタイルガイドに従って自分の書いたコードが、RubyとしてGoodかBadか判断して警告してくれるため、他の言語は書いたことあるけどRubyは初めて、という人にとって、とてもありがたいツールです。 そんなRuboCopには「-a / --auto-correct」オ
Atom始めました 仕事だと.Net開発してるので大部分の時間はWindows/VisualStudioを使ってますが、家だとMacBook使うので普通にテキストエディタ使ってます。で、世の中的にはVimとEmacsで2分している中、Sublime Text 2でHTMLやらJavaScriptやらNode.jsやらGoやら書いてましたが、ここ最近はAtomに乗り換えてます。だいぶ馴染んだかなと思うので現状を整理。 使ってるPlugin atom-material-ui : UI Themeに設定。Material Designっぽい感じの見た目になる seti-syntax : Syntax Themeに設定。 atom-cli-diff : diffツール autocomplete-emojis : 絵文字のAutoCompleteを追加 autocomplete-paths : ファ
Docker実践LT http://connpass.com/event/20561/ での発表資料です。
本記事は、技術系同人誌サークルDevLOVE Pubの同人誌『Far East Developer Review デブサミ2015特別号』から、編集部員が寄稿した記事を加筆修正したものです。編集部員の近藤が普段編集作業で使用している、GitHub製エディタの「Atom」で、日本語を扱うために必要な設定をご紹介します。(編集部) はじめに みなさん、エディタは何を使っていますか? プログラミング用途では情報が豊富なテキストエディタですが、筆者は文章の執筆・編集用途で使いたかったため、ほしい情報があまりまとまっておらず、何を使えば効率よく作業ができるか、しばし悩んでいました。本稿では、IT系技術記事の新人編集者である筆者が、比較的新しめのエディタ「Atom」で、日本語を執筆・編集するために行った環境構築について解説します。日本語をエディタで快適に扱いたいというエンジニアの方にお役に立てるものと
■ Atom を使うようにしてから 1 ヶ月位たった emacs をずっと使っていたけど、Atom どうなんということで Atom を 1 ヶ月くらい使ってまあまあ使えるようになってきた。プロジェクト単位ということで複数のディレクトリ(rails/rails とか ruby/ruby とか)をまたがって何かをする、という開発にはとても弱いのでこの辺は慣れでなんとかすることにした。 やったこと atomic-emacs 入れて emacs キーバインドにした autosave を有効にしてフォーカスが変わる度にセーブ tab キーを indent に変更 linter, language を色々入れた これくらいで他は特にいじってないけど、Atom が emacs に見えてきたので大丈夫だと思う。後は起動速度さえなんとかなればなあ。
Electron (旧atom-shell)を使えば、JSやモダンなWeb技術を活かしてクロスプラットフォームなPCアプリを作ることができる。 APIが充実していて、Webページをただ移植しただけの単純なアプリだけでなく、割と手の込んだUIも実現できるかもしれない。 たとえば、Gyazoのようなスクリーンショットを撮るための領域選択のUIを作ることができる。 実装方法 画面の全体に透明なウィンドウを作って、その上の透明なWebページでmousedownなどのイベントにあわせて必要なUI要素を描画する。 https://github.com/uiureo/electron-crop-rect/blob/master/main.js app.on('ready', function () { const Screen = require('screen') const size = Scree
Electron(旧atom-shell)勉強会に行ってきた。 atom-shell.connpass.com 開催した場所は本郷三丁目にあるStudio Geeks。本郷三丁目は学生の時にバイトして以来だったので懐かしかった。 事前に調べてなかったので、コワーキングスペースと言うからかなり事務所みたいなところかと思ったら、照明も暖かみがあったり技術書がいっぱい置いてあったりとかなりおしゃれなところだった。こういうところで仕事していたい。 studiogeeks.co 発表者として今回は登録したので、直前まではかなり緊張してしまった。発表したスライドは以下。 TypeScriptでElectronを触るときの環境構築の話をしてきた。時間がなくて本当に環境構築をしてサンプルコードがコンパイルエラーを起こさないところまでしかできなかったので若干悔やまれる。 とりあえずElectronの型定義フ
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
HTML5でクロスプラットフォームなデスクトップアプリケーションができてしまう、Electron(atom-shell)。 SlackのWindows版なんかでも使われているという噂のElectron。 Quick stratを日本語訳してみました。Have Fun!! イントロダクション ElectronではリッチなネイティブAPIを持ったランタイムを提供することでピュアなJavaScriptでデスクトップアプリケーションの開発を可能にします。Webサーバーの代わりにデスクトップアプリケーションにフォーカスしたio.jsランタイムであるといえばおわかりになるかもしれません。 ElectronはJavaScriptをGUIライブラリにバインディングするものではなく、ElectronはWebページをGUIとして使用します。ですので、ElectronはJavaScriptによってコントロールさ
インストール方法 blog.nocorica.jp 経緯とモチベーション 実は、Atom の日本語化パッケージは他にもあります。Localization というのですが、こちらは世界中のあらゆる言語に対応できるように作られているものの、インストールしてもうまく動作しないことがあります。これに困っている方が多くおられるようでした。また、うまくいっても警告が出てしまい、問題が報告されても改善の様子が見られません。プルリクも放置気味です。 JavaScript にも慣れてきたので、いっちょ自分で作ってみるかとパッケージ作りの世界に飛び込んでみたところ、これがなかなか面白い。調べていくうちにメニューバーだけでなくコンテキストメニューも日本語化できることがわかったり、どのような仕組みで表示制御をしているか、例えばツリービューの上なのかタブの上なのかといった切替の仕組みがわかって面白かったです。 実現
A unified developer experience for software development Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community. It provides a first-class development environment for React Native, Hack and Flow projects. Retiring the Nuclide Open Source Project A few years ago, we introduced Nuclide to provide a first-class IDE experience. We’ve made treme
最近すっかり Atom 使いになってきたので、設定とプラグインをさらしてみます。他の方のもぜひ見てみたいので、みんなでさらしましょう! テーマ SublimeText で使ってたのと同じ名前の Flatland Dark Theme と Flatland Dark UI Theme があったのでこれを使っている。 キーマップ キーマップとかは特に変更なし。vim-mode 使ってる。 スタイル 色弱なのでカーソル位置が分かりやすいように Stylesheet は下記のように変更して、検索結果が目立ちやすいようにちょっと派手目に。 .editor { .current-result .region { border-color: green; } .find-result .region { border-color: yellow; } } .editor .cursor { } .vim
コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLとCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く!Emmetの書き方・使い方まとめ Emmetのインストール方法 コードエディターにEmmetをインストールする Emmetはコードエディター
GitHub 謹製 Atom エディタが Shadow DOM を使い始めたという。 めでたい。せっかくだから私も Atom を使ってみよう。 起動してテキスト書きもそこそこにインスペクタで DOM を眺める。 するとあら素敵。Shadow DOM のみならず Custom Elements もばりばり使われているじゃありませんか。 ためしにステータスバーをつついてみるとわかる。 Atom は UI を React に書き直したものと思いこんでいたけれど、 React になったのはテキスト編集領域だけの様子。周辺の UI は Custom Elements ベースになりつつあるらしい。 もともと space-pen という jQuery ベースの内製フレームワークで書いていたものを、 徐々に Custom Elements 化していくという。 Atom, 意外と Web Component
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く