Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
npmとは Node Package Managerの略称 Node.jsのパッケージ(Package )を管理する(Manager)ツールのこと。 パッケージとは予め用意されたnode.js製のライブラリのことを指す。 Node.jsとはイベント化された入出力を扱うUnix系プラットホーム上のサーバサイドJavaScript環境をさす(V8 JavaScriptエンジンで動作する)。 TypeScriptとは そもそもJavaScriptはwebブラウザ上で動的なウェブサイトの構築に扱われた。 TypeScriptはJavaScriptに静的型付けとクラスベースのオブジェクト指向を加えたMicroSoft社発のスクリプト言語。 既存のJavaScriptのコードはTypeScriptとしても実行可能。 TypeScript自体はコンパイラでJavaScriptに変換される。型推論や文脈的
エンジニアじゃないけどアプリが作りたかった こんにちは。まつもとかづまさと申します 僕はこの記事を書いている現在は障害者支援施設で支援員として働いています。 今回は3 step wallet という知的障がいの方でも「暗号通貨決済をできるようにする」という目的で作成したアプリの話です 3 step walletはこちら まずは作りたいページは3つ 送金画面 QRコード読み取り画面 設定画面 この3つです。 これに加えて3ステップウォレットでは電話機能もありますがページの中身では送金画面となんら変わらないのが1つの理由と作り直しも兼ねてシングルシグで送金特化型のウォレットを作成中なので皆さんにも使いやすいようにして見ました。 3種類のページを作成します それぞれを ・Qr.vue ・qrtest.vue ・setting.vue というページをviewsというファイルの中に作成しました。 イ
複数ファイルにまたがるPromiseの使い方 まず、複数ファイルにまたがるPromiseの使い方を予習します。それがこの記事のメインです。最後に、Ionicでの例に適用します。 一つのファイル内でのPromiseチェーンについての例はよく見かけるけど、複数ファイルをまたがるケースはあまり見ないような気がしたのでここで書いてみます。 async、awaitについては触れません。 ではいきます。 状況 こんな状況があるとします。 ファイルAの処理Aを実行する↓ 処理AがファイルBの処理Bを呼ぶ↓ 処理BがファイルCの処理Cを呼ぶ↓ 処理Cが完了する↓ 処理Cの完了後に処理Bが完了する↓ 処理Bの完了後に処理Aが完了する。 ただし、処理cは、失敗したり、時間がかかる可能性があるものとします。 ※※注意!!※※ そのような、失敗する可能性があるPromiseは、実際に失敗した場合の処理をきちんと書
はじめに こんにちは。 みなさんVue&Vuex&TypeScript やってますか? Vueクラススタイルコンポーネント向けのライブラリのなかで vuex-classというライブラリがすごく気に入ったのですが型安全ではありません。 ↑ リポジトリを見るとIssueは立ってるようです そこで今回、車輪の再発明を承知でライブラリを作りました! vuex-class的な使い心地で型安全なものを目指します コード まずは作ったものはこちら vuex-map-decorators 基本的にデコレータを実装しているので、 実装内容より先に使い方を説明します。 使い方 シンプルな使い方 import { State, Mutation } from 'vuex-map-decorators'; interface SampleState { count: number; } interface Hog
みなさんこんにちは。Aidemyの刀根です。今回は弊社slackでslash commandを一つ追加してみました。 2018/12/6追記 さらに改良した。のでよかったらどうぞ。 本稿の内容をベースにしたものなので一回本稿を読んだほうがいいかも 何したの? 実は弊社には集中力を持続させるためちょいちょいお昼寝する方が多いのです。 しかし、寝すぎてしまう人もちらほら・・・ そこで、お昼寝する前に、「15分寝る」場合は /sleep 15とコマンドを叩いて、時間が経ったら @here 〇〇さんを起こしましょうと通知できるようにしました。(それをみたひとに起こしてもらうという運用で) 構成 Cloud Functions for Firebase Typescript で記述 Slack incoming webhook slash command サーバーレスは最高。 事前にやっておくこと
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ※2018/10/29 Firebase Authentication + SPA(React/TypeScript) でサンプル作り直してみたとしてサンプルを作り直して記事を書きました。 前回、説明まで書くと長くなりそうなので 2 回に分けた 2 回目です。 お詫び: 当初は要点処理の説明を書こうと思っていたのですが、いろいろいじってるうちに作り直したくなってきました。 ※記事ごとごっそり書き直そうとも思ったのですが、備忘録も兼ねて現段階の内容を書くことにしました。ご了承下さい。 処理の要点 Firebase SDK Authenti
概要 初Atomic Designを導入して開発をしてて、どこにどうやってテスト書けばいいんだっけ? という旨の備忘録です。 仕様言語とかツールとか TypeScript React+Redux redux-saga Jest AtomicDesign ※Atomic Designの説明はしません(Atomic Designの説明はこちらが分かりやすいです) ※超初歩&限定的な内容な気がするので、書いてないメソッドやパターンについては適宜調べていただけると嬉しいです 概要 Jestを使います。 やること インタラクションテスト ロジックテスト テスト対象 AtomicDesignにより分類された各コンポーネント 本記事での例題はatomsのButton インタラクションテストする Reducer ロジックテストする 対象外 middleware 別途書く予定です Jestって? 公式HP
概要 CodeceptJSというテストフレームワークがあります。Puppeteerや WebdriverIOなどのAPIをラップしたI.amOnPage()やI.click()などのメソッドを使ってテストを書きますが、I.まで打ったら利用可能なメソッド一覧が出て欲しいですよね?Auto Completeしたいですよね?できます。 公式ドキュメント 公式のCommandsに書いてあるのですが、あまりにもさらっと書かれていて見逃していました。CHANGELOGを眺めていて初めて気づきました。0.3.5の部分です。公式って大事。 やり方 1.プロジェクトの中で以下のコマンドを打ちます 2.おもむろにVSCodeを開きます 3.テストファイルの一行目に/// <reference path="./steps.d.ts" />と書きます 4.オートコンプリートライフを楽しみます 簡単!!!!!!!
vue.js は typescript を公式にサポートしています。 つい先日 vue-cli のバージョン 3.0 にてついに、初めから typescript が導入された vue.js のプロジェクトテンプレートが追加されました。 いよいよ vue.js ならぬ vue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべく vue.js + typescript でコンポーネントを作るための基礎知識というかチュートリアルっぽいものを書いてみました。 この記事の概要 vue.js を typescript で書く vue-class-component を利用する vue-property-decolator を利用する ドキュメントにない細かい機能や tips でお送りします。 目標はコンポーネントを自由に作れるようになることです。 プロジェクトテンプレート 何
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く