This package provides Airbnb's base JS .eslintrc (without React plugins) as an extensible shared config. Usage We export two ESLint configurations for your usage. Our default export contains all of our ESLint rules, including ECMAScript 6+. It requires eslint and eslint-plugin-import. Install the correct versions of each package, which are listed by the command:

コーディング規約を決める→ESLintの設定に落としこむ クソめんどいですよね・・・？ 既存のコーディング規約をカスタマイズ→ESLintの設定はextendsしてカスタマイズ という手順にするのがお手軽で良いかもしれません。 手順 ベースにするコーディング規約 github.com airbnbのコーディング規約が好みなのでこちら使います。 他のコーディング規約もあるとは思いますが、ま、この辺はお好みで。 Forkして必要があればカスタマイズ 上記のhttps://github.com/airbnb/javascriptをForkして必要があれば直しましょう。 ESLint関係のインストール npm i -D eslint eslint-config-airbnb .eslintrcの作成 YAMLが好みなのでYAMLで。 --- extends: airbnb env: browser

We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLint は JavaScript のための静的検証ツールです。コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ちます。同様のツールとしては JSLint, JSHint 等があります。 ESLint の特色は、 すべての検証ルールを自由に on/off できる 自分のプロジェクトに合わせたカスタムルールを簡単に作れる 豊富なビルトイン ルール (5.0.0 時点で 260 個) に加えて、たくさんのプラグインが公開されている ECMAScript 2015 (ES6), 2016, 201

Pythonの文法チェックツールFlake8をVimから使うプラグインのインストールと設定方法です。 VimからFlake8を使うためのプラグインはいくつかありますが、自分が使っているSyntasticとvim-flake8を紹介します。 VimプラグインのインストールにはNeoBundleを使用しています。NeoBundleのインストール方法はここでは書きませんが、高機能でとても便利です。 Syntastic https://github.com/scrooloose/syntastic Syntasitcは外部の構文チェッカーを使用して構文チェックを実行しVim上に結果を表示してくれるプラグインです。Pythonだけでなく色々な言語の構文チェッカーを使うための設定も用意されています。 インストール .vimrcに下記の設定を追加し、:NeoBundleInstall を実行します。

We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLint は JavaScript のための静的検証ツールです。コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ちます。同様のツールとしては JSLint, JSHint 等があります。 ESLint の特色は、 すべての検証ルールを自由に on/off できる 自分のプロジェクトに合わせたカスタムルールを簡単に作れる 豊富なビルトイン ルール (5.0.0 時点で 260 個) に加えて、たくさんのプラグインが公開されている ECMAScript 2015 (ES6), 2016, 201

※こちらは2015/9/25日の古い記事です。（ESLint v1.5.1 released 22 September 2015） 現時点(2019/9/25)ではESLint v6.4.0です。 最新のドキュメントを読みに行くことを強くオススメします。 (近いうち新たに加筆してこちらに更新する予定です) ESLintのエラールール。日本語ざっくり解説[ES6編] こんにちは。森田と申します。芸人をしています。今回は ESLintのエラールール。日本語「ざっくりしたの」ないのか、と思ってぐぐしてもなさそうなので書きました。 よろしくお願いします。 ※使い方はこちら ※ここに載っているのが「ESlintのルール全て」ではありません。 他にこちら書きました ESLintのエラールール。日本語ざっくり解説[可能性あるエラー編] ESLintのエラールール。日本語ざっくり解説[ベストプラクティス編

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

Syntasticを使うと良い感じに構文チェックをしてくれる。JavaScriptの構文をチェックするのにいままでjshint使ってたんだけど、いろいろ調べてたらeslintの方が良いのではないかという気持ちになってきたので乗り換えた。(jshintでもES6対応それなりにされてる気がする) eslintのインストール $ npm install -g eslint Syntasticの設定を書き換える .vimrcを書き換える。 let g:syntastic_javascript_checkers=['eslint'] 最初からjshint入ってるとそれが優先されるっぽい？jshintとeslintを一緒に入れた場合優先度とかを指定する必要がありそうだった。 .eslintrcを書く $HOME/.eslintrcを書く。とりあえず差し迫って欲しいのはテンプレートリテラルの対応だったの

2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact

vim専用プラグイン管理ツールNeoBundleであなたのvimをもっと便利に！更新日: 2017年3月22日公開日: 2015年12月18日 操作性が特殊なため初心者涙目必至のテキストエディタ「vim」ですがその絶大な人気は言わずもがなです。そして人気を支える要因の１つがプラグインによって機能が拡張できる点であることに疑いの余地はありません。 便利なプラグインが豊富に提供されていて、自分好みにvimをカスタマイズしていくのはとても面白い作業ですが、使っているプラグインの数が増えてくると管理が大変になります。そこで本エントリではvim内のプラグインを管理するNeoBundleを紹介します。 NeoBundleとは NeoBundleは日本人のShougoさんが開発しています。これによってプラグインを簡単に導入することが出来るようになるだけでなく、全プラグインを簡単に最新版にアップデートした

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

最近はGoやScalaでサービスを開発したり、既存のシステムを置き換えたりする事例が増えてきてますよね。私も仕事ではruby/railsがメインなのですが、新しくアプリケーションを開発するにあたって別の言語・フレームワークを検討する機会があり、少しだけScala(とJava)のフレームワークPlayを触ったので、**Railsでいう◯◯はPlayではどうやるの？**という点をまとめたいと思います。 ちなみに、この記事を書いてる時点で筆者のScala歴・Play歴は10時間くらいですので、「Play Framework入門」と銘打ったものの、「Play Framework紹介」に近いかもしれませんwご了承ください。 サンプルコード 以下ではこちらのコードから色々抜粋して貼り付けてます。 https://github.com/suzan2go/hello_play 公式のScalaToDoLi

We're excited to announce that ESLint v6.0.0 has been released: https://t.co/EO4ZrZIMYM — ESLint (@geteslint) 2019年6月22日 ESLint は JavaScript のための静的検証ツールです。コードを実行する前に明らかなバグを見つけたり、括弧やスペースの使い方などのスタイルを統一したりするのに役立ちます。同様のツールとしては JSLint, JSHint 等があります。 ESLint の特色は、 すべての検証ルールを自由に on/off できる 自分のプロジェクトに合わせたカスタムルールを簡単に作れる 豊富なビルトイン ルール (5.0.0 時点で 260 個) に加えて、たくさんのプラグインが公開されている ECMAScript 2015 (ES6), 2016, 201

注意：この記事では Babel 5 を使っています。 Babel 6 を使用する場合は、このままだと動作しません。対応方法は、Quick guide: how to update Babel 5.x -> 6.x — Medium 等を参照して下さい。 Grunt や Gulp などのタスクランナーを使わず、webpack だけでフロントエンドを開発する方法を調べてみました。 以下、実際に簡単なウェブアプリケーションを作ってみます。 環境 webpack 1.12.0 ESLint v1.2.1 OS X 10.10.5 前提条件 JavaScriptは ECMAScript 6 で書けるようにします。但し、今回の記事内では ECMAScript 5の文法のみ使用しています。 CSSファイルは webpackで処理することにより、JavaScript のコードで表現されるようになります。こ

This package provides Airbnb's .eslintrc as an extensible shared config. Usage We export three ESLint configurations for your usage. Our default export contains most of our ESLint rules, including ECMAScript 6+ and React. It requires eslint, eslint-plugin-import, eslint-plugin-react, eslint-plugin-react-hooks, and eslint-plugin-jsx-a11y. Note that it does not enable our React Hooks rules. To enabl

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

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

なんかややこしい解説が多いが、そんなに難しい話ではない。 1. exports = module.exports = {} が予め実行されていて、 2. 最終的に評価されるのは module.exports ということ。 心配だったら常に module.exports を使えば OK だし、(正しく記述されているコードを)読む時は全部脳内で module.exports と読み替えてしまって良い。 じゃあどこで差が出るのか、なんでややこしい解説がされてるのか。 exports = なんたら という式は、exportsの中身をごっそり入れ替えてしまうので、exports == module.exportsの関係が壊れる。 exports.hoge = 1 はこの関係を崩さない。 歴史的経緯によれば（ぶっちゃけ想像ですが）もともとは exports しか無かった。つまり、 という形の使い方しか

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

この記事はVim Advent Calendar 2013 : ATNDの99日目の記事です。 画面分割・タブページのススメ みなさん、分割してますか？ みなさん、タブページ使ってますか？ 僕はどちらも大好きです。 サンプルを見ながら写経する TODOやメモを見ながら編集 関数の定義元などを見ながら編集 編集目的に合わせてタブを分ける などなど。 ものぐさな僕は、コードを書くときはガシガシ分割したりしながらコードを書いています。 これらの機能は当然設定やプラグインの導入などをしなくても使えますが自分はsキーをprefixとしたキーマッピングをしています。 元は<C-w>の代わりにsを使っていただけですが、タブウィンドウ関連やバッファ関連にも使うようにしたことで、格段に便利になりました。自分の設定例を合わせて掲載するので、良ければ参考にしてください。 各種機能とマッピング ウィンドウを分割す

ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 泉水翔吾 この記事は「ECMAScript2015/ES6特集」の第1回目です。この特集ではJavaScriptの次世代仕様であるECMAScript 2015（ECMAScript 6）を取り上げ、歴史や経緯から追加された機能や文法の詳細など複数回に渡って解説していきます。 ECMAScriptとJavaScript そもそもECMAScriptとはなんでしょうか？JavaScriptとは一体何が違うのでしょうか？ECMAScriptとJavaScriptの関係は、JavaScriptが生まれた1995年まで遡ります。 JavaScriptは1995年、当時Netscape CommunicationsにいたBrendan Eich氏がWebで実行できるスクリプト言語として開発しました。その後Inte

2015/02/04 追記 : この記事は古くなっていますので、今からは参考にしないでください ローカルにWordPress入れて勉強してみたい人向け。 MAMPを使うのは楽なんだけど、あんまり勉強にならないので。 以下の方法なら、実際にLinuxにWebサーバーを構築するときも同じような感じなので慣れていけると思います。 ターミナルを開く Macはサーバーなどで使われているLinuxとよく似たOSです。 なので、多少やり方が違ってもLinuxで出来ることはだいたい出来ます。 ただ、Macは一般ユーザー向けに作られていて、黒い画面を一切見ないで済むようになっています。 ここからは、黒い画面に少しずつ慣れていきましょう。 「アプリケーション -> ユーティリティ -> ターミナル.app」を開いて、ターミナル（黒い画面）を表示させてください。 Homebrewを入れる さて、次にパッケージマ

VPS（Virtual Private Server）に構築したCentOSにWordPressをインストールする方法を紹介します。WordPressのインストール記事は少し長くなったので3部構成です。今回は「3. WordPressのインストール」を説明します。 WordPressのインストール：目次 1. Apache、MySQL、PHPのインストール 2. MySQLの設定 3. WordPressのインストール WordPressのダウンロードと解凍 WordPressをhttp://ja.wordpress.org/releases/からwgetでダウンロードします。 # cd /tmp # wget http://ja.wordpress.org/wordpress-3.5.1-ja.tar.gz ダウンロードしたファイルを解凍し、Apacheが読み込めるようにします。 # t

WordPress とは クリエイターや中小企業から大企業にまで、世界中の何百万ものウェブサイトに選ばれているオープンソースのパブリッシングプラットフォームです。 デザイン どんなウェブサイトも、柔軟なデザインツールとブロックによって作成できます。テーマを選ぶか、真っ白なキャンバスから始めましょう。細部までカスタマイズできます。コードを書く必要はありません。

HTML5モバイルアプリ開発のためのFramework7を試してみようと思います。最近はWindows 10もタブレットモードで操作することが多くなりました。WebコンテンツやアプリのUIはモバイル用の方が使いやすく感じるようになってきています。少し調べたところFramework7がネイティブに近い画面をWebで作ることができそうなので、Getting Startedしてみます。 Framework7はiOSとAndroidのネイティブ風な画面を作ることができる、HTML/JavaScript/CSSのモバイルWebフレームワークです。iOSとMaterialのテーマが使えます。ドキュメントやチュートリアル、サンプルも多くそろっているので学習しやすいです。また、ネイティブアプリを作成する前のプロトタイプにも向いているようです。 プロジェクト Getting Startedの短いチュートリア

簡単に書くよ TXTレコード【DNSレコード】（読：ティーエックスティーレコード、テキストレコード　英：TXT record）とは 権威DNSサーバさん（自分の管理している情報を教えてあげるのが仕事のDNSサーバ）がお仕事で使うネタ帳（ゾーンファイル）の中身 であり コメントが書かれている行のこと です。 最初に留意事項です。 このページの説明は ・DNS ・DNSサーバ ・権威DNSサーバ ・ゾーンファイル の意味と関係性を理解している前提で書きます。 簡単に補足はしますけどね。 できれば上記の用語の意味を理解してから続きをご覧ください。 それでは順番に見ていきましょう。 DNSサーバには １．フルサービスリゾルバ（DNSキャッシュサーバ） ２．権威DNSサーバ（DNSコンテンツサーバ） の2種類あります。 一般的には、パソコンさんからの問い合わせはフルサービスリゾルバさんが受け付けて対

はじめまして。ハヤカワ五味と申します。今、多摩美術大学のグラフィックデザイン学科というところの2年生で4月から3年生です。今回は、本連載の記念すべき初回ということで、ハヤカワ五味の自己紹介をしたいのですが、正直なところやってることや肩書きが多すぎて、自己紹介だけで1回分を消費しようと思います。ちなみに、この連載を通して「ハヤカワ五味は意外に普通だな」「あ、これなら私もできるかも」って思ってもら

テクノロジーが大好きな学生の方、もっともっとテクノロジーの世界に染まりませんか？ 本や講義で学ぶだけではなく、みんなで一緒に勉強したり、ビジネスパーソンと人脈を繋げたりしませんか？ ・実際にビジネスで学べる世界を覗いて見たい ・すでにサービスを考えていて、アドバイスを受けたい ・もっともっとゴリゴリ技術を学びたい ・自分のプロダクトを発信してみたい ・実際社会人ってどうなんだろう、知りたい そんな思いを抱く学生のための部活動、「dots.学生部」を発足致します！ 「dots.学生部」発足にあたって、立ち上げに賛同してくれた登壇者のみんながどんな想いを持っているのか、自己紹介を含めて5〜10分間でLTをして頂きます。 テクノロジーが大好きな学生の方、ぜひご参加ください！ 東京大学理科一類入学。1年次に学生向けイベントキュレーションサイト「facevent」の立ち上げを契機にWEBの世界に入る

npm|yarnで怒られたエラー集まとめ。 WARN[deprecated,unmet dependency,peerDependencies,EPEERINVALID]ERR![missing,invalid],throw er; // Unhandled 'error' event の解決方法 2023/12/3 最新のverに更新 2020/5/24 最新のverに更新 2019/10/12 エラーを追記 2019/10/4 「There appears to be trouble with your network connection」を追加 2019/9/16更新 node.jsの画像 2019/3/8更新 node.jsの画像 2018/11/24更新 ・killall node を追加 2018/11/13更新 ・ltsに関する画像を最新のものに修正 2018/6/15更新

1. はじめに Mac では、Node.js (node) は、Homebrew でインストールするのが一番手っ取り早いようなのですが、私の場合は Titanium Studio をアップデートしたときにインストールされたらしく、当然ながら特定バージョンの切り替えもできず、実行時に Permission Error が頻発したりして、苦労が絶えませんでした。 そこで今回、自身の Mac の Node.js 環境を全面的に見直してみたので、その履歴を残しておこうと思います。 なお、Grunt を使っていると、Node.js のバージョンによってビルドが失敗するということもあったので、Node.js のバージョン切り替えができるように、nodebrew で管理することにしました。 参考 2. 環境 Mac の OSバージョンは、 OSX 10.9.5作業開始前の各種バージョンは、 $ node

この記事はVim Advent Calendar 2013 : ATNDの99日目の記事です。 画面分割・タブページのススメ みなさん、分割してますか？ みなさん、タブページ使ってますか？ 僕はどちらも大好きです。 サンプルを見ながら写経する TODOやメモを見ながら編集 関数の定義元などを見ながら編集 編集目的に合わせてタブを分ける などなど。 ものぐさな僕は、コードを書くときはガシガシ分割したりしながらコードを書いています。 これらの機能は当然設定やプラグインの導入などをしなくても使えますが自分はsキーをprefixとしたキーマッピングをしています。 元は<C-w>の代わりにsを使っていただけですが、タブウィンドウ関連やバッファ関連にも使うようにしたことで、格段に便利になりました。自分の設定例を合わせて掲載するので、良ければ参考にしてください。 各種機能とマッピング ウィンドウを分割す

facevent HOME

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

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