wonderful-panda

/*
 * With react@17.0.2, Effect-A is triggered, then Effect-B is triggered. (expected)
 * With preact@10.6.2, Effect-B is triggered, then Effect-A is triggered.
 *
 * `useLayoutEffect` is more appropriate for Effect-A, maybe.
 * 
 * BTW, behaviours will be same if removing React.memo call (line.39)
 */

const EditorWrapper_: React.VFC<{

wonderful-panda

/*
 * 1. ../tsconfig.json に設定ファイルを置く
 * 2. ../cases/ の中に example.ts みたいなファイルを置く (/// TSXXXX: ～ でその行で期待するコンパイルを記述する。～の部分は正規表現)
 * 3. _runner.ts を ava で実行すると、出力サンプルみたいな感じで結果が出力される
 */

import * as ts from "typescript/lib/typescript";
import * as fs from "fs";
import * as path from "path";
import * as glob from "glob";

wonderful-panda

import heapq
from typing import List, Tuple


def calc_costs(N: int, MAP: List[Tuple[int, int]], start: int) -> List[int]:
    """
    指定された都市から各都市への最小コストを計算する

    MAP: list of { index: 都市, value: (行先の都市, コスト) }
    """

wonderful-panda

from collections import deque

K = int(input())
TEXT = input()
N = len(TEXT)
ORD_A = ord('a')  # 97

# a ～ z の文字ごとの出現位置
alphabets = [deque() for _ in range(26)]
min_index = 0

wonderful-panda

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Reflection;
using System.Linq.Expressions;
using System.Diagnostics;

namespace WonderfulPanda.Gists
{

wonderful-panda

vue-class-component + vue-property-decorator で作ったコンポーネントをなるべくストレスなくTSXで使うための仕組みを考えていて、 vue-tsx-supportにこんな感じのHelperを追加しようかと検討中

import Vue from "vue";
import { Component, Prop } from "vue-property-decorator";
import { DefineProps, TsxEvent, InnerScopedSlot } from "vue-tsx-support";

@Component
class MyComponent extends Vue {

wonderful-panda

SOLVED!

  1 2 3 4 5
A ○ ○ ○ ○ ○
B ○ ○ ○ ○ ○
C ○ ○ ○ ○ ○
D ○ ○ ○ ○ ○
E ○ ○ ○ ○ ○

step 1: E5

wonderful-panda

仮に、Vue.extendに渡されたオプションの型を出来上がったコンポーネントから参照可能になるとする。 これはそれを疑似的に可能にするためのヘルパ

/*
 * const Component = createComponentExperimental({ ... }); でコンポーネントを定義すれば
 * typeof Component["_options"] でオプションの型を取得できる
 */
import Vue, { VueConstructor } from "vue"; 
import { ThisTypedComponentOptionsWithRecordProps } from "vue/types/options";

wonderful-panda

import Vue, { VNode, CreateElement } from "vue";
import { RecordPropsDefinition } from "vue/types/options";
import { TsxComponent } from "vue-tsx-support";

export function vueAsync<Props>(definition: {
  props?: RecordPropsDefinition<Props>;
  renderAsync(this: Vue & Props, h: CreateElement): Promise<VNode>;
  loading(this: Vue & Props, h: CreateElement): VNode;
}): TsxComponent<Vue, Props> {
  const { props, renderAsync, loading } = definition;

wonderful-panda

<Window x:Class="WpfTraning.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:my="clr-namespace:WpfTraning"
        Height="300" Width="400">
    <Window.DataContext>
        <my:ViewModel/>
    </Window.DataContext>
    <Grid>
        <Grid.RowDefinitions>