Angularで同じ絵文字をクリックするだけのクソゲーを作りました - Qiita
この記事は Angular Advent Calendar 2018 の 9 日目の記事です。 クソアプリ Advent Calendarでやってくれとツッコミの入りそうなネタですが、Angular関連なのでこちらで書かせてもらいます。 作ったもの Firebase Hostingにデプロイしてあるので、「 same-emoji 」から遊べます。 (PCのブラウザから遊ぶ際はビューポートをSPサイズにすることを推奨です...) 2つ1組でランダムに表示される絵文字をタップして消し続け、タイムを競うという単純なゲーム(クソゲー)です。 画面構成もシンプルで、次の画面で構成されています。 スタート画面 レベル選択画面 ゲームプレイ画面 ゲーム結果画面 リポジトリ https://github.com/daikiojm/same-emoji モチベーション Angular MokuMoku Ni
Angular CDK Layoutを触ってみる - Qiita
Angular Materialを使っているプロジェクトでは、CDKはインストール済みのはずなので、インストールの必要はありません。 CDKモジュールのインポート app.moduleにLayoutModuleをインポートし、AppModuleのimportsに追加します。 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { LayoutModule } from '@angular/cdk/layout'; // 追加 import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [
AngularでMarkdownをHTMLとして表示するカスタムpipeを作成する - Qiita
AngularでMarkdownをHTMLとして表示するpipeを作成してみます。 markedパーサーは定番っぽいmarkedを使いました。 前提 今回使用した環境は次の通りです。 $ ng -v ... Angular CLI: 1.5.4 Node: 9.2.0 OS: darwin x64 Angular: 5.0.3 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cli: 1.5.4 @angular/flex-layout: 2.0.0-beta.10-4905443 @angular-devkit/build-optimiz
Angularで範囲外をクリックしたイベントを取得する - Qiita
やりたいこと 「開いているウィンドウの範囲外をクリックしたら、ウィンドウを閉じる」といった動きを実現する際に、範囲外をクリックしたイベントを取得したい。 jQueryで言うところの、 範囲外クリックでポップアップを閉じる正しい JQuery 自分で実装 Output、EventEmitterの仕組みを使えば、簡単に実装できました。 イメージ的には、「子コンポーネントでグローバルなクリックイベントを拾って、そのイベントが自分に対するものではなかったら、親コンポーネントにイベントを投げる」と言った感じです。 子コンポーネント Output, EventEmitter, HostListener, ElementRefをインポートし、ElementRefをconstructorでDIします。 import { Output, EventEmitter, HostListener, Element
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
