Reactの新しい状態管理ライブラリ「Recoil」とは？ Reduxとの違いを解説 - ICS MEDIA
Reactの開発において、状態管理の方法は注意深く検討する必要があります。状態管理ライブラリ「Redux」が大きい勢力ではありますが（参照：npm trends）、記事『ベストな手法は？ Reactのステート管理方法まとめ』でも紹介した通りさまざまな状態管理の手法が現在でも編み出されています。本記事では状態管理ライブラリ「Recoil」についての概要と簡単な使い方、Reduxとの思想の違いについて解説します。 Reduxによる状態管理の懸念点 Reduxでは状態管理を一か所にまとめられるというメリットがあります。これはメリットのように思えますが、小さな単位の状態管理もReduxに委ねるのか迷いどころです。 また、Reduxは状態更新の作法的な書き方が複雑でした。Redux ToolkitというReduxのアドオンとしてのJSライブラリもありますが、基本的には作法的な書き方はあまり軽減しませ
ATOM ５倍捗るテキストエディタmac,win対応＜初心者向き＞ | テクワク
こんにちは！イクミヤです。 みなさんはテキストエディタを使っていますか？ 最近、使いやすいテキストエディタを探していたところATOMという無料のテキストエディタを発見。 ２０１５年にリリースされたばかりで比較的に新しくデザインもおしゃれで評判もいい。即決でダウンロードしてATOMが気に入ってしまったので使い方を説明していきます。 ATOMのインストール こちらの公式サイトから「Download」をクリックします この画面はインストール中ですので、しばしお待ちください。少し長いですが故障ではありません。 この画面が出ればインストール完了です。 日本語化にする方法 AOTMは海外製なので英語表示です。このままではプログラミングより英語を勉強しないといけないので「日本語化」にします。 まず左上にある「FILE」をクリックします。 「setting」をクリックします。 「Install」をクリック
Idris + Atomによる型駆動開発入門 - たけぞう瀕死ブログ
4月から社内でType-Driven Development with Idrisの読書会をやっています。 takezoe.hatenablog.com 最近ようやくChapter 3まで進み、実際に自分でコードを書くエクササイズなども出てきました。この本ではAtomを使うことが推奨されているのですが、Atom用のIdrisパッケージが非常に強力で、型駆動開発の魅力を存分に感じることができます。そこで、今回は実際にAtomでのIdrisプログラミングがどのようなものかについて紹介したいと思います。 github.com たとえば以下のようなシグネチャを持つVect（要素数を型情報に持つリスト）用のマップ関数を実装するとします。Vect n aの各要素に(a -> b)という関数を適用してVect n bを返すというものです。 my_vect_map : (a -> b) -> Vect n
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
プロジェクト内からgrepして集計して補完を出してくれるAtomプラグインを作った - hitode909の日記
これまでのあらすじ auto-programming.elのAtom版を作ってるよ，という話と，単なるスニペット以上に便利だよ，という話をしていた． blog.sushi.money blog.sushi.money できた できたのでGitHubに置いた． Emacs版ではPerlのスクリプトを呼んでたのを，Atom版ではふつうにchild_process.execしてgit grepして結果を解析するように変えた． Emacs Lispで複雑なロジックを書くのに慣れてなかったので難しいところはPerlで書いてたのだけど，JSならどんなに複雑なものでも書けるので助かる． 動いてる様子 Plackのリポジトリ内で適当に動かしている様子．use strict;はプロジェクト内に206回登場する，といったお得な情報も表示している． ご利用ください 開発前から予想はしていたけど，Atom Pac
atomでjavascriptでrequire/importしたファイルにジャンプする - Qiita
入れるべきパッケージ https://atom.io/packages/hyperclick https://atom.io/packages/js-hyperclick 使い方 cmd押しながらクリックすればおk jsxもcoffeeもおk ずっと探してた。 パッケージ見つけるのむずい。 問題 でも過去記事のやつ webpackでrequireやimportのパスのroot指定する と併用できない。ぐへ。 一旦の回避策はjs-hyperclickの中身をいじること https://github.com/AsaAyers/js-hyperclick/issues/17#issuecomment-212885213 [2016-10-21] 神修正来た https://github.com/AsaAyers/js-hyperclick/pull/32
Atomエディタがさらに進化。メインエディタ候補筆頭に - blog
使用感と拡張機能の充実ぶりもあって気に入っているBrackets。Adobeとの別仕様での開発から、もともとのオープンソースの単一での開発となりわりと経ちます。 制作経験のスタートがDreamweaverということもあってか、使用感や使いやすさなどについてはどうしてもDreamweaverを意識してしまいます。 エディタというよりもIDE（統合開発環境）なので、他のエディタと比較するのも違うのかもしれないDreamweaver、重いとかいろいろ言われてますが、今でもDreamweaver好きです（笑） エディタについてはSublime Textを筆頭に主に使用する言語や好みでさまざまエディタがあります。なかでも使用感についてはBracketsが好印象で、手軽な作業などではたまに使用していました。 しかしながら、オープンソースということと随時更新されていることもあるので現時点（2016/01
atomのtextlintプラグインを使ってみる - rochefort's blog
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
Atomの設定を同期するsync-settings - Qiita
なにができるの？ sync-settingsはAtomの設定をクラウド(GitHub)経由で同期します。 (Windows8.1や10～Mac間で動作することを確認しています) 以下のものが同期されるようです。 * 初期化スクリプト * インストールしたパッケージ * パッケージの設定 * キーマップ * スニペット (バージョン0.4.0では正しく動作しない模様) v0.6.0で同期を確認 執筆時点('15/6/16)では、同期は手動操作で実行します。（自動同期はロードマップには含まれているようです） ('16/02/05)v0.6.0では更新のチェックが行われるようです。詳しくは記事の後ろのほうに追記しました。 確認した環境 この記事はWindows8.1、MacOSX10、sync-setting v0.4.0で確認しております。 （'16/2/5に更新された内容についてはWindo
Atomで最近使っているパッケージ - たけぞう瀕死ブログ
Atomのパッケージには様々なものがありますが、最初は面白いなと思って入れていてもあまり使わなくなってしまうものも多いです。最近よく使っているのは以下のようなものです。 tool-bar + tool-bar-shortcuts tool-barはAtomにツールバーを追加する機能を提供するもので、これをベースに様々なツールバーを追加するパッケージが開発されています。自分が使っているのはtool-bar-shortcutsというものです。ウィンドウの分割とかがツールバーからできるのが便利です。ツールバーは画面の上部だけでなくサイドに配置することもできるので、左側に置いています。 atom.io atom.io tool-barを使用したパッケージは他にもいろんなものがあるので自分がよく使う機能が提供されているものを選ぶとよいと思います。 multi-cursor 複数カーソルを使えるように
Atom タブ移動のショートカットキーとおすすめパッケージ - Qiita
tab-numbers タブの閉じるボタンをタブ番号にするパッケージ。 番号指定のショートカットキーを使うときに便利。 ステータスバーの総タブ数は設定から非表示にできます。 expose Mac OSX Exposéのようにタブ一覧を表示できるパッケージ。 minimapとfile-iconsを入れると見た目が良くなります。 ⌘⇧Eで表示。 ←と→で選択、1~9でジャンプ。 EnterかESCで閉じる。 設定からアニメーションをオフにできます。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can
AtomにTerm2じゃなくてTerm3を入れてみた話 - Qiita
使ってみる 起動直後は通常のTerminalと同じくホームディレクトリになってるようです。 rails db.taでDBの確認 基本的にターミナルと同じ感覚で使えますが、一部動作が怪しい物もあります。 僕の環境だとVimの動作が怪しいです。(Vimのプラグインや設定に左右されるかも知れませんが) ちなみにVimを使った後はターミナルの挙動が不安定になるのでVimを使いたいときはItermから起動するようにしています。 発生したトラブルと解決方法 command not foundになる 何回か使ってたら・・command not foundが表示されるようになりました。 iTermやTerminalだと大丈夫なんだけど・・・！？ Term3のReadMeを読むと、Command not found発生時解決方法があったのでやってみました。 1.~/.bashrcに以下の内容を追加する(zs
Atom（GitHub製エディタ）に乗り換えて最初にやっておきたいこと | maesblog
GitHub製の開発者向けエディタである「Atom」を利用している人も増えてきました。自分もこれまで使っていたSublime TextからついにAtomに乗り換えました。乗り換えを決意してから、いろいろ調べたり、試したりしながら少しずつ自分仕様にカスタマイズし、やっと使える状態になってきたところです。そうした中で大事だと思ったAtomを使うための初期知識を共有できればと思って今回記事にしてみました。 Atomに乗り換えた理由 Atomの画面（いい感じです！）私がAtomに乗り換えたのは、ずばり以下の3つの理由からとなります。 無料パッケージが豊富GitHub製という安心感これまでSublime Textを使っていましたが、Sublime Textは有料で70ドルします。この支払いを保留しながら使い続けることもできますが、何とも言えないモヤモヤ感があります。Atomにすることで、このモヤモヤ
Sublime Text 3 vs Atom vs Brackets | ツクメモ - ウェブやアプリをツクるヒトのメモ
現在、Sublime Text 3を使っていますが、使い勝手によっては、乗り換えを検討したいと考えていました。 結論から言うと、まだ、Sublime Text 3をメインで使用しています。 こんな感じで比べてみました 特徴的な機能 操作について Linterについて デメリット 特徴的な機能 まず前提として、これらのエディタには、以下のような機能が求められたのだと考えます。 Eclipseなどの統合開発環境よりも、気軽にコーディングしたい。 Dreamweaverよりも軽く動作し、カスタマイズしやすいものが良い。 普通のテキストエディタよりもコーディングしやすい。 環境が変わっても扱えるものが良い（マルチプラットフォーム） これらは当たり前なので、それ以外の特徴的な機能を書き出してみます。
乗り換え安心、SublimeTextからAtom移行してみて感じた違い｜dwango creators' blog（ドワンゴクリエイターズブログ）
ドーモ、デザイナーのigguです。 ドワンゴでもっぱらエンジニアと連携しながらWebサービスやツールのUIをデザイン/実装したりしています。 今日のお話 僕は2012年8月ごろから3年間ほどSublimeTextを使っていました。その前はDreamweaverです。DreamweaverにおけるGUI中心の環境はマウスとキーボードを行き来する場面が多く、ストレスになっていました。加えてSASSやLESSのメタ言語を使い始めていたのでそれが扱えるキーボード主体で高速なエディタが無いかなーと探していた所でSublimeTextに乗り換えたわけです。 からの・・・約2ヶ月前でした。 そろそろSublimeText飽きたなーと思っていた所に、以前Betaを試したっきり放置していたAtomがにわかに盛り上がっている模様をキャッチ、物は試しとメインエディタをSublimeText (以下Sublime
GitHub製エディタAtomのMarkdownリアルタイムプレビューの仕様 - memorandum
GitHub製エディタAtomのソースコードがMIT Licenseで公開されたので久しぶりに使ってみたところ、以前はできなかったMarkdwonファイルのリアルタイムプレビューができるようになっていました。 ここでは、AtomのMarkdownリアルタイムプレビュー機能の現時点での仕様やその調べ方を簡単にまとめます。 仕様の調べ方 Atomの機能はコア部分を除くとパッケージと呼ばれる取り外し可能なモジュールの集合体となっています。Vimにおけるプラグインのようなものですが、基本的な機能もパッケージとして実装されているのが特徴です。 Markdownのリアルタイムプレビュー機能はmarkdown-previewというパッケージが担当しています。したがって、このパッケージのコードを見ると仕様がわかります。 atom/markdown-preview - GitHub Markdownリアルタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gmork.in
Atomエディタに新しく結合された Git / GitHub を試してみよう - ろくデブログ
Atomエディタを使い始めたときに知っていると便利なショートカットキーをまとめた - Qiita
【2016年6月現在版】Atomにインストールしたお薦めプラグインまとめ - Hirooooo's Labo(仮)