Angular 日付のフォーマット - Qiitaはじめに Angularにて日付を扱う機会が増えてきたのでまとめてみます。 ミスあるかと思います。ご指摘大歓迎です。 テンプレート(HTML)内で日付フォーマット template で日付フォーマットを扱う場合、Angular標準パイプのDatePipeを使用するのが一般的かと思います。 構文はdatetime | date:formatです。 formatは省略可能ですが、localeに関わらず日付の位置が固定化されてしまうため、できるだけフォーマット指定をおすすめします。
TypeScriptのnpmモジュールをリリースしてみよう(2018/03/15時点) - Qiita
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に変換される。型推論や文脈的
OASGraphって何? - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに（おことわり） 筆者はGraphQLについては、先週こちらに参加してようやく学習を開始したという入門者です。この記事を書く前に本来ならGraphQLを触って理解を深めてから、というのが筋とは思ってます。とはいえスピード感も重要でパラレルで理解を深めて行くのも一つの手と考えているため、OASGraphについて発表された内容を、浅い理解なりに、むしろ読みながら書きながら理解する感じで、まとめてみようと思います。誤訳・誤解・理解が浅い部分を含む可能性および、あくまで私自身の見解である点ご了承ください。間違いなどありましたらコメント頂け
MBP 13inch（整備済み）を手に入れろ！ その1 - Qiita
2部構成です 導入 ← 今ここ やったこと&結末 あらすじ 外にPCを持ち出したいと思う機会が増えてきた いい機会だからMacデビューしてみよう。持ち運びメインだから13インチのMacBook Proがほしい！ 新品はちょっとお高いから整備済み品を狙おう！ ところが ぜんぜん入荷しない・・！！ 15インチMBPとか普通のMacBookとかはちょこちょこ入荷してるみたいだから、13インチも入荷してると思うんだけどなーー もしかして人気ですぐ売れちゃうのかな・・？ ということで 入荷したらLINEに通知するようにしてみました。 構成 今回テンプレートは必要ないのでスピード重視です。 Heroku サーバを借りてるわけでもなく、かといって家のPC立ち上げっぱなしにするのも電気代がなぁ、、、ということで、 前々から気になっていたHeroku（ヘロク）というサービスを利用してみました。 Heroku
Yeomanのカスタムジェネレータで特定フォルダ配下を一括コピー - Qiita
はじめに Yeomanのカスタムジェネレータでは、テンプレートファイルのコピーを絶対やりますよね。 http://yeoman.io/authoring/file-system.html この公式ドキュメントにはcopyTpl()関数だけ載ってますけど、ファイルをそのまんまコピー、しかも特定フォルダ配下をそのまんま一括コピーしたいときは、もっと簡単な方法があります。 this.fs.copy()関数を使う方法 シンプルなコピー generators/app/templates/staticってフォルダを作っておいて、そのまんまコピーしたいテンプレートファイルはその中に全部つっこんで以下のように書くと、static配下の全ファイル・フォルダを、ジェネレータで作成するプロジェクトのルート配下に綺麗にコピーしてくれます。 第二引数のthis.destinationRoot()がポイントですね。
3 step wallet を作成した話 その４ 〜ページ〜 - Qiita
エンジニアじゃないけどアプリが作りたかった こんにちは。まつもとかづまさと申します 僕はこの記事を書いている現在は障害者支援施設で支援員として働いています。 今回は３ step wallet という知的障がいの方でも「暗号通貨決済をできるようにする」という目的で作成したアプリの話です 3 step walletはこちら まずは作りたいページは３つ 送金画面 QRコード読み取り画面 設定画面 この３つです。 これに加えて３ステップウォレットでは電話機能もありますがページの中身では送金画面となんら変わらないのが１つの理由と作り直しも兼ねてシングルシグで送金特化型のウォレットを作成中なので皆さんにも使いやすいようにして見ました。 ３種類のページを作成します それぞれを ・Qr.vue ・qrtest.vue ・setting.vue というページをviewsというファイルの中に作成しました。 イ
複数のファイルにまたがるPromiseの使い方 - Qiita
複数ファイルにまたがるPromiseの使い方 まず、複数ファイルにまたがるPromiseの使い方を予習します。それがこの記事のメインです。最後に、Ionicでの例に適用します。 一つのファイル内でのPromiseチェーンについての例はよく見かけるけど、複数ファイルをまたがるケースはあまり見ないような気がしたのでここで書いてみます。 async、awaitについては触れません。 ではいきます。 状況 こんな状況があるとします。 ファイルAの処理Aを実行する↓ 処理AがファイルBの処理Bを呼ぶ↓ 処理BがファイルCの処理Cを呼ぶ↓ 処理Cが完了する↓ 処理Cの完了後に処理Bが完了する↓ 処理Bの完了後に処理Aが完了する。 ただし、処理cは、失敗したり、時間がかかる可能性があるものとします。 ※※注意！！※※ そのような、失敗する可能性があるPromiseは、実際に失敗した場合の処理をきちんと書
Cell Renderer Components（ag-Grid）の作り方 - Qiita
interface ICellRendererComp { // Optional - Params for rendering. The same params that are passed to the cellRenderer function. init?(params: ICellRendererParams): void; // Mandatory - Return the DOM element of the component, this is what the grid puts into the cell getGui(): HTMLElement; // Optional - Gets called once by grid after rendering is finished - if your renderer needs to do any cleanup,
[Firestore] Google認証で特定のドメインのユーザーだけアクセスを許可する - Qiita
Firebase AuthenticationでGoogleアカウントによるログインを実装するのは簡単ですが、デフォルトだと全てのGoogleアカウントでログインできるようになっています。 社内向けのアプリケーションなどでは、特定のドメインのユーザーのみアクセスを許可したいケースがあると思いますが、そのようなケースの実装方法が案外出回っていなかったので、まとめておきます。 検証環境 Angular6 @angular/fire: v5.0.2 firebase: v5.4.1 今回はAngularを例にしていますが、他のフレームワークでも大きな違いはないと思います。 AngularFire AngularでFirebaseを使うには、AngularFireという公式のライブラリを使うのが一番早いです。 AngularFireのセットアップとAuthenticationの基本的な実装方法は以
![[Firestore] Google認証で特定のドメインのユーザーだけアクセスを許可する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fcba83ee7502ec27f58043efbb09d89d667770ed/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNDc0MTQlMkZwcm9maWxlLWltYWdlcyUyRjE1MzcxNzE0MTg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ODk5OThlNzFlYmQzNWRjNmJhZDY5YzM1ZTA0N2M2NDc%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D29cdde8116859dadff873833989cc34f%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCRmlyZXN0b3JlJTVEJTIwR29vZ2xlJUU4JUFBJThEJUU4JUE4JUJDJUUzJTgxJUE3JUU3JTg5JUI5JUU1JUFFJTlBJUUzJTgxJUFFJUUzJTgzJTg5JUUzJTgzJUExJUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgxJUFFJUUzJTgzJUE2JUUzJTgzJUJDJUUzJTgyJUI2JUUzJTgzJUJDJUUzJTgxJUEwJUUzJTgxJTkxJUUzJTgyJUEyJUUzJTgyJUFGJUUzJTgyJUJCJUUzJTgyJUI5JUUzJTgyJTkyJUU4JUE4JUIxJUU1JThGJUFGJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YWNjMzIzOTg4NmI1OWJiMzcyNzNlYjZiMmEzMzE2ZDA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhdm9zYWxtb24mdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz04OGIxOTA1ZTU0ZjEzODIxNTkwMjAxMDc0YjBmNTgwNg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D65d0fa9225653a906845c75121b9de67)
getComputedStyle()がJestで期待通りに動作しない件について - Qiita
import React from 'react'; class App extends React.Component { getWidthFromDiv() { const computedStyle = window.getComputedStyle(this.refDiv); const widthInString = computedStyle.getPropertyValue('width'); const widthInInt = parseInt(widthInString); console.log("div.width:", widthInInt); console.log("window.getComputedStyle(div):", computedStyle); return widthInInt; } getRFromCircle() { const comp
Node.jsアプリケーションでCLIを実装する - Qiita
const readline = require('readline') const rl = readline.createInterface({ input: process.stdin, output: process.stdout }) // 今のフェーズを管理する const PHASE = { NORMAL: 0, WILL_QUIT: 1 // quitするか聞いてる時 } let phase = PHASE.NORMAL console.log('Please enter some text:') rl.prompt() rl.on('line', input => { switch (phase) { case PHASE.NORMAL: if (input === 'quit') { console.log('Really?') rl.prompt() phase =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
typeorm で entity を ts のまま schema:sync や migration する - Qiita
css-loaderのsourceMapがスタイル適用の遅延を招く - Qiita
【備忘録】『JAVASCRIPTエンジニアのためのNODE.JS入門』の参考になった部分まとめ - Qiita
シンボリックリンクのあるディレクトリでgulp watchして痛い目を見たお話 - Qiita
create-react-app + typescript + css modules - Qiita
楽天市場の商品レビューをスクレイピングして全件取得 - Qiita
【初心者でもOK】Node+Expressで簡単なフォームを実装！ - Qiita
Node.jsの非同期処理を複数回繰り返す - Qiita
【Mac】npmからexpressをDLしたが環境変数が通っていない事象を解決 - Qiita
