サンプルで学ぶwebpack 2入門：Web開発を超効率化する必須ツールの使い方 - WPJ
タスクランナーに代わって、ここ最近人気が高まっているビルドツールといえばwebpack。「難しそう」「面倒くさそう」——まだ導入していないなら、いますぐ試してみる価値はありそうです。 webpackは現在のWeb開発シーンにおいてもっとも重要なツールになりました。基本的には自分のJavaScriptファイルにほかのモジュールをバンドル（1つに束ねる）してくれるものですが、ほかにもHTML、CSS、さらに画像といったフロントエンド開発で使うファイルすべてに適用できます。webpackを使えばアプリからのHTTPリクエストの数をうまく制御できますし、ほかのツール、たとえばJade、Sass、ES6も使用できます。npmからほかのパッケージを参照するのも簡単です。 この記事ではwebpackを使うのが初めての人を対象に、初期設定、モジュール、ローダー、プラグイン、コードの分割、稼働中のモジュール
Heroku+Nodeで作る！乗り遅れた人のためのFacebookチャットボット開発超入門
2016年大ブームになったチャットボット。「そのうち作ってみよう」と思いながらも、なかなか手を動かせていなかった人に贈る、Heroku+Node.jsで始めるFacebookチャットボット開発のススメ。 2016年のF8カンファレンスでFacebookはMessengerプラットフォームを発表しました。Messengerプラットフォームにより開発者は、MessengerもしくはFacebookページで訪問者と会話するボットを開発できるようになりました。ボットを使えば、アプリ開発者はユーザーが大勢でも個々人向けの双方向のやりとりを提供できるので、ユーザーには魅力的でしょう。 サービス開始以降、産業界もアプリ開発者もこのチャットボットに大きな関心を寄せています。発表のわずか3カ月後にはMessengerプラットフォームに推定で約1万1000ものボットが作られました。 チャットボットの恩恵を受け
セミコロンは省略？人気スタイルガイドに学ぶJavaScriptのコーディング規則
インデントにタブとスペースのどちらを使うのがいい？ JavaScriptにセミコロンは付けるべき？ JavaScript Standard Styleを使えばそんな論争にけりがつくかもしれません。 最近、注目を集めている@ferossのJavaScriptスタイルガイド、JavaScript Standard Styleを紹介します。チーム内での開発が円滑になり、プログラミングがより楽しくなります。 JavaScriptスタイルガイドのコーディング規約は、タブとスペースのどちらが良いかといった不毛な議論を無くし、コードに一貫性を持たせてくれます。JSLintやJSHint、ESLintといったLinterで使用できる多くのスタイルガイドのうちの1つです。 もしLinterが分からなければ、SitePointの記事『A Comparison of JavaScript Linting Too
まだ手動でやってない？UIテストを爆速で自動化できるNightwatch.jsが便利すぎ
Webアプリのクオリティアップに役立つのが、フロントエンドのテスト。実装したはずの機能がある条件で動かなかったり、期待どおりに操作できなかったりするとガッカリですね。Nightwatch.jsならテストがだいぶ捗りそうです。 少し前に、Eric Elliottが「JavaScript Testing: Unit vs Functional vs Integration Tests」でJavaScriptのテストについて比較しました。 本記事では、JavaScriptの機能テストについてもう少し掘り下げます。Nightwatch.jsライブラリーを詳しく探りながら、機能テストを実施してみましょう。 解説する前に、機能テストとはなにか、なぜ重要なのか説明します。おおまかに言うと、機能テストとはユーザーの観点から予測されるとおりにアプリケーションが動作しているか確認するためのプロセスです。 ユニ
Webデザイナーの仕事が広がる！ElectronとReactでデスクトップアプリ開発
WebデザインとJavaScriptの技術があれば、デスクトップアプリも自在に作れる時代です。ElectronとReactを使って、SoundCloudの音楽を自由に再生できるデスクトップアプリを作ってみました。 本記事はMark Brown、Dan Prince、Bruno Motaが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 GitHubが開発したElectronは、Webデザインのスキルを存分に活用し、クロスプラットホームで軽快に動くデスクトップアプリを作成できます。この記事では、ElectronをReact、ES6、SoundCloud APIと組み合わせて、デスクトップでお気に入りの曲を流せるスタイリッシュな音楽ストリーミングアプリを作る方法を紹介します。また、この音楽ストリーミングアプリをパッケージ
正規表現が苦手な人にも！ABNF記法で書けるapg-expの使い方
注1：規則名は必ず英字で始まり左詰めとします。続く行は必ずスペースかタブで開始します。最初の規則は、マッチするフレーズやパターン全体を定義します。それ以降の規則は、フレーズ全体の中で名前付きのサブフレーズ（または名前付きのキャプチャ）を定義します。 注2：繰り返しの一般的な書式はn∗mで、最小n回、最大m回の繰り返しを定義します。0～m回の繰り返しを∗m、nの上限なしの繰り返しを∗n、n∗nをnのみとするなど、簡易表記もできます。 注3：選択と連結で想定通りの反応を維持するためには、グループ化が大切です。連結は、選択よりも強くバインドします。次のように記述した場合、 phrase1 = elem (foo / bar) blat LF phrase2 = (elem foo) / (bar blat) LF phrase3 = elem foo / bar blat LF phrase1で
「ポケモンGOみたいなゲーム作って〜」と言われたときのために、巨人(Google)の力をかりて、道路上にランダムにマーカーを設置する。
そろそろ、世間では「ポケモンGOみたいの作ってー作ってー」という無茶振りと、それに伴うエンジニアの悲鳴が聞こえてくる季節が近づいてきたかと思います。そこで、いつそんな無茶振りが来ても対応できるように、位置情報を用いたゲームを作る際の高いハードル「人が行ける場所にモンスターを配置する」という難問をグーグル様のお力を利用して、とりあえず形だけでもなんとか取り繕ってみたいと思います。 一応言っておきますと……あんまり、実用的ではないですよ。 ランダムに緯度経度を生成する まず、手始めに日本が収まる範囲に限定してランダムに1000件の緯度経度を生成します。 turf.jsを使用するとランダムなポイントデータをgeojsonとして簡単に生成できます。 var points = turf.random('points', 1000, { bbox:[117.195432271875, 25.96808
Github issue で質問してはいけない - Qiita
この記事は個人ブログで海外向けに書きかけの記事の日本語版です。そのため、一部日本人向けではない記述が含まれます。 英語版はこちらです Why you must not ask questions on Github issues 現在は GitHub は Discussions を提供しています。 Issue Template から Discussion へと誘導するのがおすすめです。 2023-06-14 追記 TL;DR: Issue Tracker で質問するのは開発者に対する DoS 攻撃になるかもしれない。 Forum がある場合は Issue Tracker で質問してはいけない。 背景 Github の時代になる前は、ある程度の規模のOSSプロジェクトはみんな Issue Tracker と別に フォーラム (BBS, ML など) を持っていました。ユーザーはフォーラムでデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WP REST APIを利用したNodeJSのWebアプリを死ぬ思いで作る | 高橋文樹.com | プログラミング