フロントエンドのコンポーネント設計に立ち向かう - Qiita
ReactやVueなどコンポーネントベースで作っていくViewのライブラリが普及したことで、コンポーネント指向での開発が一般化してきた昨今のフロントエンドですが、このコンポーネントの設計に悩まれる方も多いのではないでしょうか。 コンポーネントをどの粒度、どんな状態で分割するのが良いのか、などなど、特にチームで開発する時に認識が揃っていないとカオスになりがちな部分であると思うので、自分なりの設計をする際の指針を言語化しようというのが本記事の目的です。同じように悩まれている方にも何らか示唆を提供することができたら嬉しいです。 想定読者 「コンポーネント設計？なにそれ？おいしいの？」という方 初めてコンポーネント設計でアプリ作ってみたけど、本当にこれでいいのか自信の無い方 はじめに: "コンポーネント"とは まず最初に"コンポーネント"という言葉についてですが、ここでは「GUIのパーツをモジュー
markdown-table-editor が素晴らしい - rochefort's blog
各種editorでmarkdown tableのformatterは用意されていると思いますが、 Atomプラグインのmarkdown-table-editor の出来が非常に良いです。 これまでは、markdown-table-formatter を利用していましたが、こちらよりも数段使いやすいです。 デフォルトだと日本語に対応していないので、以下の「Use East Asian Width」オプションをオンにしておくと良いです。 「Smart Cursor」 の方は、名前から機能が想像できませんが、特定列の修正を連続して行う場合に便利そうです（他にも便利な機能があるのかもしれませんが）。 ご参考 Markdown のテーブルをいい感じに編集する Atom パッケージを作った - Object.create(null)
さんざん悩んだマークダウンエディタの最終決定は「Atom」快適に使えるようにする設定と必須のパッケージ 厳選18個 | kotalog
原稿やHTMLの草案を書く際に、とても重宝するのがマークダウンエディタです。特定の記号を付与することにより、文章に構造的な意味を付与し、視認性・再利用性を最大限確保した状態で文章を書くことができます。 マークアップはもとより、ビジネス文章やレポート文章を記述する感覚に近いので、社内の共有文章としてもオススメです。 世の中にはマークダウンで書けるテキストエディタがいっぱい ライティングとプレビューマークダウンのための78のツール 海外の記事ですが、78ものマークダウンエディタに対応したツールを紹介しています。 78 Tools for Writing and Previewing Markdown Mac専用、マークダウン対応エディタ35個 Mac専用のマークダウンエディタ集です。 35+ Markdown Apps for the Mac « Mac.AppStorm これらの中およびその
Atom 上でドットインストールを再生できるパッケージ「Dotinstall Pane」を作りました - F.Ko-Jiの「一秒後は未来」
Atom エディタ上でドットインストールを見ることができるパッケージ「Dotinstall Pane」を作ってみました。 このパッケージを Atom にインストールすると、上記スクリーンショットのように左側でドットインストールを開きつつ、コードを打つことができます。 インストール方法 Atom の Settings にあるパッケージをインストール画面にて「dotinstall」と検索すれば「dotinstall-pane」というパッケージが出てくるので、それをインストールしてください。 ターミナルやコマンドプロンプトから「apm install dotinstall-pane」と打ってもインストール可能です。 使い方 Dotinstall Pane の開閉: Mac 「Option + Shift + D」、Windows「Alt + Shift + D」 プレイヤーの再生/一時停止: M
Vimの代わりとしてAtomを試してみた
Aug 23, 2015 Vimに特に不満があったわけではないものの、新しいものも受け入れないとな〜と思ってセットアップしてみた。 Vim自体を辞めるつもりはないので、Atomはvim-modeで使っています。 メインの業務はXcodeかIntelliJ IDEAでやっていて、それぞれプラグインでVimのキーバインディングを割り当てています。 それ以外の以下のようなものには大体Vimを使っていました。 色んな設定ファイル Markdown Go Rust 自分が最低限使えるようにするまでにやったものを紹介します。 カーソルの履歴 AtomにはVimのノーマルモードのC-i, C-oにあたるものがなさそうだったのでt9md/atom-cursor-historyというプラグインで解決しました。 Vimっぽい動きが良かったので以下の設定を選びました。 'atom-text-editor.vim
Atom を試す - アカベコマイリ
Sublime Text の利用パッケージと設定 2015で予告したとおり Sublime Text に近い環境を Atom で構築してみる。対象は現時点の最新 Atom v1.2.4 とする。 パッケージ管理 Atom は標準でパッケージ管理機能が組み込まれている。追加と削除、検索、設定も GUI ベースなのでわかりやすい。 紹介しているパッケージを検索する場合はメニューから Atom > Preferences を選ぶと Settings タブが表示される。その左メニューから Install を選択して検索窓にパッケージをコピペした後 Enter キーを押す。 検索結果にはパッケージ情報と共にダウンロード数も表示されるため、評価の目安になる。パッケージ情報の Install ボタンを押すことでインストールできる。 検索結果として既にインストールしたパッケージも混在して表示される。ここか
Ruby初心者に絶対オススメのAtomパッケージ『rubocop-auto-correct』。 - 日々、とんは語る。
知っている人は知っていましたが、その昔、まつもとさんにEmacs実践入門の本書に寄せてを書いてもらった時、実は僕はまだRubyを1行も書いたことがありませんでした。しかし、あれから3年、いまでは普通にRubyを書くようになりました。 そこで、本日はRubyを書く際に、僕が便利に利用しているAtomパッケージのひとつを紹介したいと思います。 RuboCop。 さて、初心者がRubyを書く際に、とても頼りになるGemがあります。それがRuboCopです。新しい言語を学ぶ際、シンタックスチェッカーは必須ツールですが、RuboCopは、スタイルガイドに従って自分の書いたコードが、RubyとしてGoodかBadか判断して警告してくれるため、他の言語は書いたことあるけどRubyは初めて、という人にとって、とてもありがたいツールです。 そんなRuboCopには「-a / --auto-correct」オ
Atom Shellでデスクトップキャプチャー（動画）アプリ: misc
おはようございます。もうすぐ次男が誕生日です。このところ、ご機嫌な時は「パパパパー」と 父親を認識したかのように話してくれることもあります。 はじめに Gifzoでデスクトップを動画でキャプチャーすることに興味を覚えて、あれこれ調べていたら、Chromeで WebRTC関連のAPIでデスクトップキャプチャーできることを思い出して、ちょっとやってみました。 Chormeでデスクトップキャプチャー 制約事項 about://flagsでの設定が必要 httpsでアクセスしているページでしかキャプチャー機能は使えない 方針 これらの制約の為、Atom Shell使う意味が益々でてきました。 1. Atom Shellでのデスクトップキャプチャーは諦める ちょっと試したが、そもそも、オレオレhttpsにAtom Shellのレンダープロセスは上手くアクセスできない模様。 そこで、Chromeを外部
【Emmet】atomでemmetのカスタマイズ方法メモ
なんだかんだatomが良くてatomを使ってます。html css はemmetで作業効率をUPしてます。 そこで、日本語設定や、スニペットの追加をカスタマイズするときのメモとして書きました。 [1]カスタマイズするフォルダを開く Setting > Packages > Emmet > ViewCode 設定タブを開く(mac: ⌘+,)Packeges > emmetの設定を開くそこからViewCodeをクリック新規ウィンドウでEmmetの設定フォルダが開きます。 書き換えるファイルを開く emmet/node_modules/emmet/lib/snippets.json のファイルを開く 日本語にする 2行〜4行めあたりにあるen "variables": { "lang": "en", "locale": "en-US", を以下のようにjpに変更する "variables":
祝: Atom の Web Components 導入、ついでに Atom Shell の話。 - steps to phantasien
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
オシャレでグッとくるエディタ、Atom
こんにちは！ウェブ開発担当の木戸です。 「Fenrir Advent Calendar 2014」も、もう 15 日目となりました。 テーマは「2014 年にグッときたコレ！」です。私が今年グッときたものは、あの GitHub が作ったエディタ Atom です！ Atom とは エンジニアにはおなじみの GitHub が開発、提供している無料のテキストエディタで、キャッチコピーは「21 世紀の Hackable エディタ」です。Mac 版が先行リリースし Windows 版も今年夏にアルファ版がリリースされました。 ベースはなんと Chromium と node.js でできており、HTML、css、javascript で動作しています。開発者ツールでコードも見られるので、HTML などの知識があれば簡単に Hack 可能で、まさに Hackable エディタですね！ 特にウェブ系の開発
Atom でインストールしている package 一覧 - Qiita
Sublime-Style-Column-Selection Atom で Sublime text のように矩形選択できるようになる。 Zen Zen モードになる。 人気だったから入れてみたけどあまり使わない。 api-blueprint-preview API Blueprint をエディタ内でプレビューする。 aglio が必要になる。 atom-alignment = の位置を揃えることができる。 atom-beautifier コードフォーマットをしてくれる。 atom-color-highlight エディタに入力した色名やカラーコードに従ってハイライトしてくれる。 autocomplete-plus オートコンプリート。 autocomplete-snippets オートコンプリートにスニペットも表示してくれる。 autocomplete-paths オートコンプリートにフ
GitHub製エディタ Atom が日本語対応した模様。文字化けが解消可能に - syonx
Release 141 · atom/atom You can now change the file's encoding from the status bar or by using Ctrl-Shift-U. （ファイルエンコーディングをステータスバーもしくはCtrl-Shift-Uで切り替えられるようになりました。） 日本語対応とはメニュー表記が日本語になったとかそういうことではなくて、UTF-8 ではない文字化けしてしまう日本語テキストファイルを正しく解釈することができるようになりましたとかそういう意味です。 追記(2015.03.15) 以下、利用シーンをダイジェストでお送りします。 自動判別はしてくれない。 右下の UTF-8 と表示されているところをクリックして正しいエンコーディングを指定 日本語が表示された！しかし折り返しが正しく動作していない。。 サクラエディタで表示
はてなフォトライフのAtomAPIをRubyでほげほげしてみた - Post-itみたいな
はてなフォトライフAtomAPIについてははてダキーワードを参照の事。 その1: net/httpで叩いてみる WSSE認証用のライブラリがあるので導入する。 sudo gem install wsee で、コードは以下。 require 'socket' require 'net/http' require 'rubygems' require 'wsse' #config uri = 'f.hatena.ne.jp' id = 'id' pass = 'pass' #wsse auth http = Net::HTTP.start(uri,80) res = http.get('/atom/feed',{'X-WSSE' => WSSE::header(id,pass)}) ここで指定してる /atom/feed は投稿された写真のうち最近のエントリをAtomフィードで取得するためのエ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AtomエディタのGit/GitHub機能をこんな感じで使ってます！という話 - LOGzeudon
GitHub - hakobe/atom-script-perl-test: Runs Perl tests for the currently active file using atom-script as a backend.
欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
GithubのWeb開発用エディタ「Atom」が、いつの間にか進化し過ぎている件！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ）
yug1224 blog