Reactの開発において、状態管理の方法は注意深く検討する必要があります。状態管理ライブラリ「Redux」が大きい勢力ではありますが（参照：npm trends）、記事『ベストな手法は？ Reactのステート管理方法まとめ』でも紹介した通りさまざまな状態管理の手法が現在でも編み出されています。本記事では状態管理ライブラリ「Recoil」についての概要と簡単な使い方、Reduxとの思想の違いについて解説します。 Reduxによる状態管理の懸念点 Reduxでは状態管理を一か所にまとめられるというメリットがあります。これはメリットのように思えますが、小さな単位の状態管理もReduxに委ねるのか迷いどころです。 また、Reduxは状態更新の作法的な書き方が複雑でした。Redux ToolkitというReduxのアドオンとしてのJSライブラリもありますが、基本的には作法的な書き方はあまり軽減しませ

Contact the domain owner here gmork.in 2024 著作権. 不許複製 プライバシーポリシー

こんにちは！イクミヤです。 みなさんはテキストエディタを使っていますか？ 最近、使いやすいテキストエディタを探していたところATOMという無料のテキストエディタを発見。 ２０１５年にリリースされたばかりで比較的に新しくデザインもおしゃれで評判もいい。即決でダウンロードしてATOMが気に入ってしまったので使い方を説明していきます。 ATOMのインストール こちらの公式サイトから「Download」をクリックします この画面はインストール中ですので、しばしお待ちください。少し長いですが故障ではありません。 この画面が出ればインストール完了です。 日本語化にする方法 AOTMは海外製なので英語表示です。このままではプログラミングより英語を勉強しないといけないので「日本語化」にします。 まず左上にある「FILE」をクリックします。 「setting」をクリックします。 「Install」をクリック

「Git」と“GitHub”を統合した「Atom」v1.18が正式版に…というニュースを見かけたので、早速試してみました！GitHubにpushするまで表示方法新しく搭載された機能では、GitHub(...

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

AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be

これまでのあらすじ 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

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

使用感と拡張機能の充実ぶりもあって気に入っているBrackets。Adobeとの別仕様での開発から、もともとのオープンソースの単一での開発となりわりと経ちます。 制作経験のスタートがDreamweaverということもあってか、使用感や使いやすさなどについてはどうしてもDreamweaverを意識してしまいます。 エディタというよりもIDE（統合開発環境）なので、他のエディタと比較するのも違うのかもしれないDreamweaver、重いとかいろいろ言われてますが、今でもDreamweaver好きです（笑） エディタについてはSublime Textを筆頭に主に使用する言語や好みでさまざまエディタがあります。なかでも使用感についてはBracketsが好印象で、手軽な作業などではたまに使用していました。 しかしながら、オープンソースということと随時更新されていることもあるので現時点（2016/01

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エディタを本格的に実務で使い始めて4ヶ月ほど経とうとしています。 当然全て網羅しているわけではなく、既に使いこなしている人にとっては基本的なものばかりですが、自分が使い始めたときに知っていたらもう少しスムーズにAtomに入っていけたかもと思えるショートカットをまとめました。 前提 筆者の環境がWindowsなので、Windows版Atomのショートカットキーになります。 プラグイン等入れずにデフォルトで使用できるショートカットキーのみです。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? なにができるの？ sync-settingsはAtomの設定をクラウド(GitHub)経由で同期します。 (Windows8.1や10～Mac間で動作することを確認しています) 以下のものが同期されるようです。 初期化スクリプト インストールしたパッケージ パッケージの設定 キーマップ スニペット (バージョン0.4.0では正しく動作しない模様) v0.6.0で同期を確認 執筆時点('15/6/16)では、同期は手動操作で実行します。（自動同期はロードマップには含まれているようです） ('16/02/05)v0.6.0では更新のチェック

Atomのパッケージには様々なものがありますが、最初は面白いなと思って入れていてもあまり使わなくなってしまうものも多いです。最近よく使っているのは以下のようなものです。 tool-bar + tool-bar-shortcuts tool-barはAtomにツールバーを追加する機能を提供するもので、これをベースに様々なツールバーを追加するパッケージが開発されています。自分が使っているのはtool-bar-shortcutsというものです。ウィンドウの分割とかがツールバーからできるのが便利です。ツールバーは画面の上部だけでなくサイドに配置することもできるので、左側に置いています。 atom.io atom.io tool-barを使用したパッケージは他にもいろんなものがあるので自分がよく使う機能が提供されているものを選ぶとよいと思います。 multi-cursor 複数カーソルを使えるように

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

##使ってみる 起動直後は通常の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に以下

GitHub製の開発者向けエディタである「Atom」を利用している人も増えてきました。自分もこれまで使っていたSublime TextからついにAtomに乗り換えました。乗り換えを決意してから、いろいろ調べたり、試したりしながら少しずつ自分仕様にカスタマイズし、やっと使える状態になってきたところです。そうした中で大事だと思ったAtomを使うための初期知識を共有できればと思って今回記事にしてみました。 Atomに乗り換えた理由 Atomの画面（いい感じです！）私がAtomに乗り換えたのは、ずばり以下の3つの理由からとなります。 無料パッケージが豊富GitHub製という安心感これまでSublime Textを使っていましたが、Sublime Textは有料で70ドルします。この支払いを保留しながら使い続けることもできますが、何とも言えないモヤモヤ感があります。Atomにすることで、このモヤモヤ

現在、Sublime Text 3を使っていますが、使い勝手によっては、乗り換えを検討したいと考えていました。 結論から言うと、まだ、Sublime Text 3をメインで使用しています。 こんな感じで比べてみました 特徴的な機能 操作について Linterについて デメリット 特徴的な機能 まず前提として、これらのエディタには、以下のような機能が求められたのだと考えます。 Eclipseなどの統合開発環境よりも、気軽にコーディングしたい。 Dreamweaverよりも軽く動作し、カスタマイズしやすいものが良い。 普通のテキストエディタよりもコーディングしやすい。 環境が変わっても扱えるものが良い（マルチプラットフォーム） これらは当たり前なので、それ以外の特徴的な機能を書き出してみます。

ドーモ、デザイナーのigguです。 ドワンゴでもっぱらエンジニアと連携しながらWebサービスやツールのUIをデザイン/実装したりしています。 今日のお話 僕は2012年8月ごろから3年間ほどSublimeTextを使っていました。その前はDreamweaverです。DreamweaverにおけるGUI中心の環境はマウスとキーボードを行き来する場面が多く、ストレスになっていました。加えてSASSやLESSのメタ言語を使い始めていたのでそれが扱えるキーボード主体で高速なエディタが無いかなーと探していた所でSublimeTextに乗り換えたわけです。 からの・・・約2ヶ月前でした。 そろそろSublimeText飽きたなーと思っていた所に、以前Betaを試したっきり放置していたAtomがにわかに盛り上がっている模様をキャッチ、物は試しとメインエディタをSublimeText (以下Sublime

GitHub製エディタAtomのソースコードがMIT Licenseで公開されたので久しぶりに使ってみたところ、以前はできなかったMarkdwonファイルのリアルタイムプレビューができるようになっていました。 ここでは、AtomのMarkdownリアルタイムプレビュー機能の現時点での仕様やその調べ方を簡単にまとめます。 仕様の調べ方 Atomの機能はコア部分を除くとパッケージと呼ばれる取り外し可能なモジュールの集合体となっています。Vimにおけるプラグインのようなものですが、基本的な機能もパッケージとして実装されているのが特徴です。 Markdownのリアルタイムプレビュー機能はmarkdown-previewというパッケージが担当しています。したがって、このパッケージのコードを見ると仕様がわかります。 atom/markdown-preview - GitHub Markdownリアルタ