Botkitのスクラッチ構築テンプレ - Qiita
var Botkit = require('botkit'); const controller = Botkit.slackbot({ debug: false, retry: Infinity //https://botkit.ai/docs/readme-slack.html#botkitslackbot }); controller.spawn({ token: "xoxb-から始まるトークン" }).startRTM(function (err) { if (err) { throw new Error(err); } }); /** * RTM APIのイベント * これがないと「Error: Stale RTM connection, closing RTM」というエラーになる */ controller.on('rtm_open', (bot, message) => {
React開発環境構築2018 - Qiita
この記事について この記事では実際にReactの開発環境をセットアップする方法を説明します。ReactなどのSPAでネックになる速度を改善するための手法としてサーバーサイドレンダリングも行います。 出来る限り短く説明するReact.js入門 | Reactとは？を解説してくれている良記事 フロントエンド開発についてまだよく知らないという人は下の記事を読んでおきましょう。 今時のフロントエンド開発2017 (1. 愚痴編) 2018年の最先端フロントエンドエンジニアになろう フロントエンドとはいえ、今回は静的サイトではなく動的サイト（サーバーサイドレンダリングを行うため）を作成するのでサーバー側の話がメインとなります。 ユーザー体験を向上させるサーバーサイドレンダリングJavaScript — 歴史と利点 実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのかではブラウ
ChromeとFireFoxのHeadless機能を使ってブラウザーテスト駆動開発[gulp+karma+jasmine&GitHub+TravisCI] - Qiita
var gulp = require("gulp"); var browser = require("browser-sync").create(); var concat = require("gulp-concat"); var uglify = require("gulp-uglify"); var Server = require("karma").Server; /** * server setting */ gulp.task("server", function () { browser.init({ server: { baseDir: "./", index: "index.html" } }); }); /** * browser reload */ gulp.task("reload", function () { browser.reload(); }); /**
![ChromeとFireFoxのHeadless機能を使ってブラウザーテスト駆動開発[gulp+karma+jasmine&GitHub+TravisCI] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/73ec984938c42960cf38bbf0f5003cfdecbdaf27/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9Q2hyb21lJUUzJTgxJUE4RmlyZUZveCVFMyU4MSVBRUhlYWRsZXNzJUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgzJUJDJUUzJTgzJTg2JUUzJTgyJUI5JUUzJTgzJTg4JUU5JUE3JTg2JUU1JThCJTk1JUU5JTk2JThCJUU3JTk5JUJBJTVCZ3VscCUyQmthcm1hJTJCamFzbWluZSUyNkdpdEh1YiUyQlRyYXZpc0NJJTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jYWU5YWE4NTk1NDM5ZTlmN2NjY2E5NjMzNWExMzExZA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBpZW5hZ2EmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTU0YjExMjVmYjFiMDQ0OGI1Y2MwNWU0MzA3MjZkY2I3%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44K944OL44OD44Kv44Og44O844OW%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D9d72a14ddb27cce1225a86aa8d1c18f9)
LambdaからDynamoDB操作 - Qiita
エヌシーアイ総合システムのmizu-ponです。 主に金融業務系システムの開発をしています。 AWSは勉強中ですが、知り得た知識などを載せていければと思います。 今回はLambdaからDynamoDBの操作(参照/更新)を行うまでの話です。 Lambdaって？## AWSが提供するサービスのひとつ。 ソースコード実行のためにサーバを立てる必要がなく色々と楽。(サーバレスアーキテクチャ) 幾つかの言語(Java,node.js(JavaScript),C#,Pythonなど)に対応している。 DynamoDBって？## AWSが提供するNoSQLデータベース。 NoSQLは一般的に高速かつスケールアウトに強く、IoT/ビッグデータ向きといわれている。 データをキーとバリュー(値)の組み合わせで管理する(Key-Value型) AWSコンソール画面## こんな感じです。リージョン(拠点)の指定
websocketで映像を送受信するのでっち上げた=>スマホの電源の関係か24/365運用は無理=>0.5FPSにしたら24時間稼働OK - Qiita
websocketで映像を送・受信するの作った。 古めのスマホがネットワークカメラになる。 iPhoneでは動作確認していない。 chromeにて動作確認 https://github.com/modeverv/SendAndReceiveVideoWithWebSocket 追記 ちょっと動かして見たけど充電が電力消費に追いつかぬ。24H/365運用は無理。 リクエストしたら静止画をとる感じに仕様変更すとか、それこそ本式のネットワークカメラ入れたほうが良さそう。 まぁ、簡単に実現できるよーということでこの投稿は終了。 追記2 24稼働いけました。0.5FPSという感じにしたらなんとか。 Alfredとかどうやってるんだろう。 Canvasの処理がくそ重いのがそのまま出てる感じなのでこの辺はアプリにしてどうにかしないとですね。 ともかく、いけました、24時間稼働！！。 navigator.
prodビルドはイベント名も節約 - Qiita
事象 angularでページ遷移時に子画面にバインドしてるオブジェクトを更新し、描画を更新したい。 ところが、ローカル実行時や--aotビルドした時は問題なく動くが、--prodビルドした時だけ動かない。 原因 処理の実行判定を、イベントオブジェクトのコンストラクタ名で行っていたため。 最適化によって、イベントオブジェクトの中身も削減されるようだ。 this.router.events.subscribe(event => { // ひとまずイベントが発生してるか確かめる console.log(event.constructor.name); if (event.constructor.name === 'NavigationEnd') { ... // 画面にバインドしてるオブジェクトを更新 console.log('base navEnd'); } });
elm0.19 + webpack4 + babel7 のサンプルをdockerで試したメモ - Qiita
FROM node:10.10.0 # コンテナ上の作業ディレクトリ作成 WORKDIR /app # 後で確認出来るようにpackage.jsonを作成 RUN npm init -y # dev-dependencies ## elmインストール RUN yarn add --dev elm RUN yarn add --dev elm-verify-examples ## sass RUN yarn add --dev node-sass ## webpackインストール RUN yarn add --dev webpack RUN yarn add --dev webpack-cli RUN yarn add --dev webpack-merge RUN yarn add --dev webpack-serve ### 「History APIを利用して作成されるSPAのためのi
今から始めるReact入門 〜 Redux 編 immutability とは - Qiita
目次 今から始めるReact入門 〜 React の基本 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 今から始めるReact入門 〜 Redux 編: immutability とは ←★ここ 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 概要 Redux はJavaScript アプリケーションのための状態管理コンテナです(WordPress フレームワークにもRedux Framework というものがありますが、そちらではありません)。 そもそも状態管理とは何？という方はすでに説明済みですので前回のflux の記事を参照してください。 SP
2つの配列を比較して差分だけの配列を作る方法 - Qiita
手順 差分を抜きたい配列Aに対してarray.filterをかけます その中で別の比較対象の配列Bに対してindexOf(配列Aのitem) == -1してあげる これで配列Aの要素かつ、配列Bに存在しない要素が残ります。🚀 パフォーマンス面でのベストプラクティスではないかもしれませんが、やり方の1つとして参考になればと思います👍 コード let arrayA = ["A", "B", "C", "D", "E"]; let arrayB = ["B", "D"]; // 配列Aに対して let result = arrayA.filter(itemA => // 配列Bに存在しない要素が返る arrayB.indexOf(itemA) == -1 ); console.log(result); // [ 'A', 'C', 'E' ]
JSer のためのタスクランナー MEMI - Qiita
TL;DR https://github.com/3846masa/memi JSer のためのタスクランナー MEMI ES module で 1タスク 1Function で書ける 依存関係を自動でインストールしてくれる なんで作ったのか きっかけは mimorisuzuko/memi． 要約すると， JavaScript で書けるタスクランナーが欲しい Makefile やシェルスクリプトは，凝った処理を書くのが怠い どのディレクトリでも手間なく使いたい Node.js に関係ないディレクトリで node_modules や package.json を置きたくない タスクで使うモジュールのグローバルインストールは避けたい npm root -g の場所とは別のところに置きたい 既存のタスクランナーと問題点 Makefile シェルスクリプトで書かないといけないので，ちょっと複雑なこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ExpresssでSalesforceと連携するWebアプリをサクッと作成する その２ ユーザ情報取得編 - Qiita
ExpresssでSalesforceと連携するWebアプリをサクッと作成する その１ OAuth認証編 - Qiita
Node.js / npm をインストール (Mac環境) - Qiita
Express(Node.js)とMongoDBで人物プロフィールを登録・取得するAPIの作成 - Qiita
Reactでテキストボックス入力値を取得する - Qiita
TypeScript で literal type を union している型をオブジェクトのキーに使用する - Qiita
既存のNuxtプロジェクトにTypeScriptを導入する - Qiita
processmakerのＡＰＩをＣＬＡＳＰとＣＬＯＵＤ９で作成 - Qiita
angularのバージョンアップ - Qiita
npm intallしたときに脆弱性チェックでエラーが発生した - Qiita
