takuya-nakayasu

import { Component } from '@angular/core';
import { Subject } from 'rxjs';
import { SpinnerService } from '../../services/spinner.service';

@Component({
  selector: 'app-spinner',
  templateUrl: './spinner.component.html',
  styleUrls: ['./spinner.component.scss']
})
export class SpinnerComponent {

takuya-nakayasu

import time
import os
import requests
from selenium import webdriver
import chromedriver_binary
from rakuten_credentials import *

# ユーザIDとパスワードを別ファイルから取得する
user_id = ID
password = PASS

takuya-nakayasu

// ...省略
import { Deeplinks } from '@ionic-native/deeplinks';

@Component({
    templateUrl: 'app.component.html'
})
export class AppComponent {
    constructor(platform: Platform,
                // ...省略
                private deeplinks: Deeplinks,

takuya-nakayasu

<div class="wrapper">
  <div class="f-share">
    <!-- facebookシェアボタン -->
    <div class="fb-share-button" data-href="https://l08084.github.io/morse-code-translate-website/"
      data-layout="button_count" data-size="small"><a target="_blank"
        href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fl08084.github.io%2Fmorse-code-translate-website%2F&amp;src=sdkpreparse"
        class="fb-xfbml-parse-ignore">シェア</a></div>
  </div>
  <div class="share">
    <!-- はてなブックマークシェアボタン -->

takuya-nakayasu

import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';
import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
import { debounceTime } from 'rxjs/operators';
import { ConvertService } from 'src/app/service/convert.service';

@Component({
  selector: 'app-input',
  templateUrl: './input.component.html',
  styleUrls: ['./input.component.scss']
})

takuya-nakayasu

<!-- headerコンポーネント -->
<app-header></app-header>
<div class="wrapper">
  <!-- select コンポーネント -->
  <app-select (sendConvertType)="onSendConvertType($event)"></app-select>
  <!-- input コンポーネント -->
  <app-input [convertType]="setConvertType" (inputText)="onInput($event)"></app-input>
  <!-- output コンポーネント -->
  <app-output [convertType]="setConvertType" [text]="setText"></app-output>
  <!-- share-button コンポーネント -->

takuya-nakayasu

<app-my-counter></app-my-counter>

takuya-nakayasu

import { Component } from '@angular/core';
import { Observable } from 'rxjs';
import { Store, select } from '@ngrx/store';
import { Increment, Decrement, Reset } from '../action/counter.actions';

@Component({
  selector: 'app-my-counter',
  templateUrl: './my-counter.component.html'
})
export class MyCounterComponent {

takuya-nakayasu

<button (click)="increment()">Increment</button>

<div>Current Count: {{ count$ | async }}</div>

<button (click)="decrement()">Decrement</button>

<button (click)="reset()">Reset Counter</button>

takuya-nakayasu

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { StoreModule } from '@ngrx/store';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { counterReducer } from './components/my-counter/reducer/counter.reducer';
import { MyCounterComponent } from './components/my-counter/view/my-counter.component';

@NgModule({