Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? お知らせ（2020/08/25 追記） Udemy で「webpack 最速入門（10,800 円 -> 2,000 円）という講座を公開しました。 本来の価格は10,800円ですが、上記リンクからアクセスすると2,400円で購入できます。 どんな内容？ webpack を利用したフロントエンド開発環境が構築できるようになる、ハンズオン形式の講座です。 詳細は上記のリンクのプレビュー動画で詳しく説明しています。 記事との内容の違い 記事の内容に、以下の内容や特徴が追加された感じです。 実務で利用できる開発環境を徐々に構築していくので、記

WebPro KUSANAGI Security Editionが進化！ 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azureに登場｜自動アップデートで安全性を確保 プライム・ストラテジーが、新しいセキュリティ基盤「KUSANAGI Security Edition」をMicrosoft Azureで提供開始。セキュリティ向上と運用効率... 0 0 WebPro KUSANAGI 9、新たにOracle CloudにAlmaLinux OS 9を採用し、2032年ま

みなさん、おはこんばんにちはでス。ブラウザからjs書いて、動作確認できる仕組みについて調べて 次の2つ、jsbin と plunker が比較的メジャーそうなのでまとめた 同じようなこと調べているひとがいたら参考になる程度の調査量。つまり少ない。 えっと、 https://jsdo.it の証明書が切れているのは内緒だぞ！ この記事の内容 『jsFiddle 的なものを実装するために必要な技術調査』をする過程でオープンソースの jsbin と plunker を見つけたのでまとめた。 調査時の条件 操作がブラウザのみで完結しているもの 実行可能 な言語は javascript だけで良い クライアントサイド（ブラウザ側）のjavascriptだけで良い 調査対象としたサービス/サイト jsdo.it http://jsdo.it (https://jsdo.it の証明書が切れてて調査でき

JavaScript (Node.js) で開発する上で避けては通れない 非同期処理、コールバックについて考えてみたい。 自分なりのお勧めの方式を書いてみた。 いろいろなものを試した結果である。 ※この記事でのお勧めの方法は ES2015 (ES6) で実装された generators (yield) の技術を使用しています。 実はまだ Babel(6to5) 等を利用するか Node.js v4～v8 でしか 実質的に使用できない技術だと思います。悪しからず。 (早く全てのブラウザに広く普及する事を祈っています) まだブラウザでは独自ライブラリか Promise (Deferred) 等を使っています。 ※2015/10/15: 記事の内容を npm aa (async-await) に対応させました。 ※2015/04/19: 記事の内容を npm co@4 に対応させました。 ※20

2015/12/7現在　nodistはどうやらバージョンアップでインストーラーが出たようです。 nodist0.7以降のバージョンでは以下のめんどい操作は必要ありません。 Windowsからnode.jsを使いたい Windowsでnode.jsをインストールするのはnode.js公式サイト(英語)からが一番手軽。 ただし、node.jsはアップデートが非常に早いとの噂。その度に公式サイトからインストールしていたら面倒です。 そこで、できるだけ簡単にアップデートに対応できるようにnode.jsのバージョン管理が可能な nodistというツールを使ってインストールしてみます。 ちなみにmacの場合ですと、nodebrewを使うのが一般的？ですが、今回は割愛させていただきます。 nodistのインストール 1. gitをインストールし、git bashを実行 gitのインストールは公式サイトか

Browserify、Webpackなど、ここ数年耳にするようになったフロントエンド開発ツール。結局何をやってるの？　いまどきのフロントエンド開発者になるために欠かせない、JavaScriptのモジュール管理についての少し長いまとめ。 本記事はDan PrinceとRavi Kiranが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 開発者はモジュール、依存関係の管理、最新のプログラミング言語の基本的要件の動的ロードについて考えています。重要ないくつかの機能は、2015年にJavaScriptに追加されたものです。 モジュールはNode.jsで広く使われていますが、この記事ではモジュールをブラウザーで使う方法について焦点をあてていきます。少し過去を振り返り、混乱しがちな現在の状況までの歩みを紹介しながら、将来の見通

TechCrunch Daily News Every weekday and Sunday, you can get the best of TechCrunch’s coverage. Startups Weekly Startups are the core of TechCrunch, so get our best coverage delivered weekly.

もっとはじめる Ember.js !! ~ Getting started with Ember.js more ~

Parse終了の衝撃からはや4ヵ月。 みなさまいかがお過ごしでしょうか。 近年、mBaaSは急速に進化を続けています。 今回はGoogleのmBaaSであるFirebaseを使って、Webサイトをサクッと立ち上げてみましょう。 Googleアカウントを準備 FirebaseはGoogleアカウントがあれば無料で使えます。 事前にアカウントを取得し、ログインしておきましょう。 FirebaseでWebサイト用のプロジェクトを作っておく https://console.firebase.google.com/ にアクセスし、新規プロジェクトを作成しましょう。 プロジェクト名と国を選択するだけでOKです。 Node.jsとnpmをインストールする FirebaseでWebサイトをホスティングするためのツールは、npmでインストール可能です。 ってことで、先にNode.jsとnpmをインストールし

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

ソースコードリーディングとかしてると、ただコード読んでてもどうしようもなく、オブジェクトの中身や変数などを見るためにデバッグツールを使いながらでないとやっていけないことが今になって分かりました。自分でもどうしようもなくアホだと思いながら戒めのために覚書。 デバッグツールの機能 僕自身まともに触れる言語はjavascriptとphpくらいなもので、どちらもeclipseのようなIDEを使わず頑なにvimを使って組んできました。phpの場合はxdebugと連携させる方法*1や、javascriptならrhinoなんかを入れてquickrunとかって方法も考えられますが、僕はある程度は知っていながらもひたすら標準のスタックトレースやalert,console.log,console.dirばかりしていたので、まずはIDEなどに搭載されている一般的なデバッグ機能を復習をかねて覚書。 ブレークポイン

タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、 タスクの管理をどうするかというのは、別途また考えないといけない。 自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。 また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, mocha などのコマンドを提供するツールもある。 そして、 npm にも一部それらをサポートする npm run 機能があるので、そこに Unix ワンライナーを書くこともできる。 今回は、「どのタスクツールが最良か」みたいな話ではなく、それらをどうやって実行するか、または npm との棲み分けとか構成の流儀について、最近良いと思っているやり方について書いておく。 各方針で問題点を書いていくが、

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

概要 Visual Studio CodeでJavascript(Node.js)の開発環境を構築したメモです。 環境 Windows7 (64bit) Visual Studio Code 0.10.1 Node.js v4.2.2 参考 [Visual Studio Code] (https://code.visualstudio.com/) [TSD] (http://definitelytyped.org/tsd/) [DefinitelyTyped/tsd - Github] (https://github.com/DefinitelyTyped/tsd) [ESLint Rules] (http://eslint.org/docs/rules/) [How to Import Intellisense files into vsCode (Visual Studio Code)

このTopicはWeb ApplicationのfrontendのProjectを管理するTopicの2つ目です。 node.jsのversionを管理するためにnodebrewを利用する npmでnode.jsのpackageを管理する grunt.jsを使って、frontendのビルドを行う 前提条件として、僕の環境はMac OSです。 npmとは？ npmはnode.jsのpackageを管理するためのツールです。 node.js自体はJavaScriptで出来たWeb Serverですが、frontendを管理するためのtoolもたくさんあります。 npmはnode.jsのpackageを管理すためのツールです。 Javaが分かる方は、mavenのようなものだと想像していただければ、分かりやすいかと思います。 npmでpackageをインストールする npmでpackageをインス

動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。

Visual Studio CodeでNode.jsアプリをデバッグする：特集：VS Code早分かりガイド（1/4 ページ） 連載目次 前回はVisual Studio Code（以下、VS Code）でGitを利用する方法を見た。今回はVS CodeでNode.jsベースのJavaScriptアプリのデバッグを行う方法を見ていこう。また、2015年8月にVS Codeが0.7.0にアップデートされているので、それについても最後にまとめておこう。 VS Codeのデバッグ機能 本稿執筆時点（2015年8月21日）、VS CodeではNode.jsベースのJavaScript／TypeScriptアプリのデバッグがネイティブにサポートされている。VS Codeの相方として大本命であろうASP.NET 5アプリのデバッグはまだ実装されていないが、近いうちに実装されるはずだ。 VS Codeで