多分間違えてるColaboratoryの使い方(now入門) - Qiita
はじめに nowのバージョンが2にあがりました。 こちらは旧バージョンで使い方です。 無料でサーバを作りたいと思ったのですが、ローカルに環境構築するのが面倒ですよね。 何をインストールしたのかわかんなくなったり、古いライブラリが悪さをしたり。。。 なので、クラウドで全部開発できる環境が欲しいと思っていました。 いろいろ調べたのですが、コードまでかけてデプロイもできる環境って結構少なかったりします。 ※ 今までは cloud9を利用していたのですが、 AWSに買収されて、awsの内蔵エディタになりました。エディタ、ファイラーの使い勝手は変わらないのですが、ec2に乗せるため、環境構築やデプロイなどが意外と面倒です。 そこで、Colaboratory & now ならいつでもどこでも使えるじゃん？と思い立ちやってみました。 前回はこちら 多分間違えてるColaboratoryの使い方(Go入門
Angular5 で俺式 KOAN スタック Webアプリ構築（概要） - Qiita
Angular5で「俺式KOANスタック」でWebアプリ構築するための個人的な備忘録記事。 KOAN に辿り着くまでの経緯 事の始まりは、Angularを覚えたての自分が、Angularを使ったバックエンドまで開発するWebアプリを作っていた時のこと。 （当時は、いわゆる「Angular2」で開発していた。） Webアプリ開発のBoilerplate（＝ひな型）の１つである「MEANスタック」という言葉を知ったことがきっかけ。 MEAN（ミーン）とは 「MEANスタック」とは、MongoDB, Express, AngularJS, Node.js のAcronym（＝略）で、Webアプリ開発に用いられるソフトウェアの組み合わせのこと。 『この４つを組み合わせて、体裁の整ったWebアプリを構築できまっせ』ということ。 MongoDB開発者の Valeri Karpovni 氏により、201
Loom Blockchain環境構築 + TruffleによるSmart Contractデプロイ + ブロックチェーンデータをExpress.jsからRest APIでフロントで取得して表示してみる - Qiita
Loom Blockchain環境構築 + TruffleによるSmart Contractデプロイ + ブロックチェーンデータをExpress.jsからRest APIでフロントで取得して表示してみるExpressEthereumReactsolidityloom 開発環境 Mac : 10.13.6（OS X High Sierra） Node : v10.6.0 npm : 6.3.0 実装背景 Ethereumブロックチェーンは、スマートコントラクトに任意のプログラムを執行するスクリプトを作ることである一定以上の条件を満たしたロジックを自動化できるブロックチェーンです。 現在ではCryptoKittiesのようなゲームから、サプライチェーンを管理するアプリケーションといった幅広いアプリケーションが作成されています。 しかし、イーサリアムは現在、単位時間あたりの処理能力の点で問題に直
JavaScriptでのWeb開発に挑戦したのでメモ１ - Qiita
JavaScriptでWebアプリ開発にはNode.jsとのことなので、以下書籍で学習を開始してみました。その際の自分用メモになります。 参考：JavaScriptでのWeb開発 〜Node.js + Express + MongoDB + ReactでのWebアプリを開発しよう〜その１ Express：Node.jsでWebアプリケーションを作成する際にもっとも多く使われるフレームワークである。 ＊WebサーバーとしてHTTPリクエストを取り扱う最低限の機能のみ搭載。 1.任意のディレクトリを作成
Angular5 で俺式 KOAN スタック Webアプリ構築（2） - Qiita
フロントエンド初期設定 Angular5で「俺式KOANスタック」でWebアプリ構築するための個人的な備忘録記事。 概要については「こちら」を参照。 事前に「Angular5 初期設定」が完了していることが前提。 フォルダ名およびフォルダパス設定を変更 ルートディレクトリの「src」フォルダを「client」に名称変更する ルートディレクトリ直下の .angular-cli.json の内容を以下の通りに変更 src ディレクトリを指定している箇所（apps.root, lint.project）を client に、ビルド出力先（apps.outDir）を dist/client に変更する { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project": { "name": "【作成したプロジェク
nuxt-expressで立てたサーバーをparallels上のWindowsから確認したい - Qiita
// const host = process.env.HOST || '127.0.0.1' const host = process.env.HOST || '0.0.0.0' 言われてみればそうなんですけど、webpackの設定であれこれするかなど悩んでしまいがち。 parallels上のWindowから確認する場合はこちら OSX parallels上で動かしているWindowsからlocalhostにアクセスする https://qiita.com/hiro93n/items/2fbf2ddb0c2b4b991195 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful inf
ClovaでローカルマシンのMP3を再生させる #asciihack #linebootawards - Qiita
#asciihackにて質問を受けたので書いています。 ClovaスキルでMP3ファイルを再生してみよう #asciihack #linebootawardsで書いた内容の補足です。 MP3ファイルなどは基本的にサーバーに置いていてそこにアクセスして再生させます。音声ファイルを変更した場合などに毎回サーバーにあげなおすのは大変なのでローカルマシンのMP3にアクセスさせたいケースがあります。 ngrokを使ってローカルPCのMP3にアクセスできるようにします 知ってる人からすると当たり前な話ですがngrokでトンネリングです。 でトンネリングさせます。 https://xxxxxxxxxxx.ngrok.ioなどのURLが生成されてエンドポイントになります。 ただ、それだけではhttps://xxxxxxxxxxx.ngrok.io/myaudio.mp3などの形式でアクセスす流ことはできま
JavaScriptの名前空間とモジュール分割方法 require(node.js/browserify) HTMLScriptタグ WSH フル対応 - Qiita
タイトルが長くなりました。 名前空間、モジュール分割。 これだけでJavaScript業界(界隈)はひどく混乱しているような気がしました。 自分はクラスタイプの.NET系経験のある、JavaScriptを初めて1ヶ月程度の者です。 他言語では迷う事のない言語の根本的な名前空間とかスタティッククラスモジュール分割的な機能が、JavaScriptだと歴史的経緯として実装がさまざまになってしまっている事に驚きました。 どうにか、混乱しないようにしておかないといけないな、と思ったのでまとめておきます。 例えば、'名前1.名前1-1.名前1-1-1'、みたいな'文字列'をピリオドで分解してNameSpaceとして定義する、というような実装は複雑なので採用しませんでした。 ちなみに環境はWindowsですが、最後のWSH JScript 部分以外はどんな環境でも使えると思います。ほとんどのファイルはU
Angular5 で俺式 KOAN スタック Webアプリ構築（4） - Qiita
クラサバ通信部の作成 Angular5で「俺式KOANスタック」でWebアプリ構築するための個人的な備忘録記事。 概要については「こちら」を参照。 事前に「バックエンド初期設定」が完了していることが前提。 本記事まで完了すればWebアプリとして最低限の動作が可能 中間部分を作成 クライアントとサーバでやり取りするインターフェースや、どちら側でも使用できる様なモジュール領域を定義します。 普通はそんな構成にしないかもしれませんが、その辺は「俺式KOANスタック」ということで。 フォルダ および ファイル を追加 ルートディレクトリ直下に middle フォルダを作成し、配下に exchange, base, sample新規に空のファイル request.ts, response.ts, sample.request.ts, sample.response.ts を作成して以下のような構成に
koa+passportでGitHub認証 - Qiita
KoaでGitHubのAccessTokenが欲しくなって調べてやってみたのでメモ。 PassportのGitHubStrategyを使えば簡単。 passportの設定 認証に必要な情報をStrategyを通してセットアップする。 passportはexpress準拠に作られているが、koa-passportがexpressのAPIとの互換性を保持してくれるのでそいつを使う。 scopeについては本家を参照。 import passport from 'koa-passport' import { Strategy } from 'passport-github' passport.use(new Strategy({ clientID: process.env.GITHUB_OAUTH_CLIENT_ID, clientSecret: process.env.GITHUB_OAUTH_
ワンアクションでリクエストが2度実行されてしまったらやってみるべき事あれこれ - Qiita
お願いだから Don't Repeat Yourself 開発中のAzure上のWebサービスで 大きな不具合を出してしまい 色々と探っていくうちに気が狂いそうになったが やっぱりこの壁はぶつかっておくべきだったと思い 備忘録。 環境は以下。 - lang:node 8.00 + Typescript2.7.1 - FW:Koa2.5.0 + TypeOrm等 - DB:CosmosDB(MongoDB) - cloud:Azure App Service 事の発端はazureのCosmosDBでnode上からTypeOrmのupdateOneを 試みようとしたが例外発生。 原因は更新対象が複数件データベース上にあったようで Azureサポート様のご協力で特定することができた。 調べていくうちに一意であるはずのデータが複数件登録されていたのは リクエストの二重送信（二重起動）が原因 改めて
koa-ECTの環境整備 - Qiita
開発環境を作る。 node.jsのインストール nodistの利用 Nodistのページから、「Download the installer from the releases page」のところにあるインストーラをダウンロードしてインストールする。 コマンドプロンプトから、以下の様に実行できれば、OK nodist -v v0.8.8 （2016/12現在） 以下を実行してインストール出来るバージョンを調べる。 nodist dist 以下を実行してインストールしたいバージョンをインストールする（10.6.0の場合） nodist + 10.6.0 以下を実行して、nodeの使用するバージョンを設定する（10.6.0の場合） nodist 10.6.0 node.jsのバージョン確認 v10.6.0``` （2018/07現在） 以下を実行して、nodeにあったnpmのバージョンにしてお
複数ファイルをbrowserifyするのにgulpを使うのを諦めた話 - Qiita
背景 browserifyは大変便利なコマンドです。 それ自体には、複数ファイルを処理するためのオプションはありません。 gulpとgulp-browserifyを組み合わせて複数ファイルを処理する方法があります。 結論 gulp-browserifyは、既にメンテナンスされていません。 npm scriptでnpm-run-allを使って置き換えました。 npm scriptで置き換え gulp-browserifyの場合 srcディレクトリにあるclient.jsとexecute.jsを変換します。 const gulp = require('gulp') const browserify = require('gulp-browserify') const src = 'src/' const dest = 'dest/' gulp .task('browserify', () =>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular5 で俺式 KOAN スタック Webアプリ構築（1） - Qiita
Angular5 で俺式 KOAN スタック Webアプリ構築（3） - Qiita
veuify + browserify - Qiita
Macでbrowserifyで結合しているとcase-insensitiveなファイル名指定をしても、Macでコケなくて、Linuxに持って行った時にコケる現象が、たまに起きる。これをカジュアルにチェックしたい - Qiita
browserify+babelifyでReactアプリをトランスコンパイルできるシンプルなビルド環境を用意する - Qiita
npm: browserify + jquery + jquery-drawer + iscroll: IScroll is not defined. - Qiita
Browserifyユーザーがwebpackを覚え始めるには - Qiita
