View tslint.json
{
"defaultSeverity": "error",
"extends": ["tslint:latest", "tslint-react", "tslint-eslint-rules"],
"rules": {
"quotemark": [true, "single", "jsx-double"],
"semicolon": [true, "never"]
}
}
View kondate.md

買うもの

  • だいこん
  • きゅうり
  • もやし
  • 小松菜
  • キャベツ
  • ピーマン
  • なす
  • ブロッコリー
View zaiko.md

冷凍以外

  • キウイ
  • バナナ一本
  • たまねぎ
  • キャベツ(1/4)
  • にんじん(1本)
  • しょうが
  • 納豆
  • トマト2個
View kondate.md

朝食材

  • やさいパン(半分)
  • スクランブルエッグ(+野菜)
  • パンケーキ(+野菜)
  • ハッシュドポテト
  • グリーンピース
  • 納豆ごはん
  • 冷凍焼きおにぎり
  • しゃけフレークおにぎり
View keyCaseTansform.js
function snakeCaseKeys(obj) {
const tr = obj => _.transform(obj, (result, value, key) => {
result[_.snakeCase(key)] = _.isPlainObject(value) ? tr(value) : value
});
return tr(obj);
}
function camelCaseKeys(obj) {
const tr = obj => _.transform(obj, (result, value, key) => {
result[_.camelCase(key)] = _.isPlainObject(value) ? tr(value) : value
View never.elm
-- this can be compiled
neverText : Html Never
neverText = text "never dispatch message"
-- this can not be compiled
htmlNever : Html msg -> Html Never
htmlNever elem = elem
View draganddrop.html
<html>
<head>
<style>
.parent {
width: 300px;
height: 300px;
background: black;
padding: 100px;
}
.draggable {
View App.elm
module App exposing (..)
import Html exposing (Html, div, text, program)
-- MODEL
type alias Model =
String
View indexOf.elm
module Hello exposing (..)
import Html exposing (text)
import List exposing (take, drop, head)
indexOf : a -> List a -> Int
indexOf target list =
let
f target n list =
View decoration.jsx
// Aはpropsで装飾用のコンポーネントを受け取りたい
// ただし、装飾用のコンポーネントが必要とするpropsについては関知したくない
function A(props) {
const Decorator = props.decorator;
return (
<div>
<Decorator {...props.decoratorProps}>TEST</Decorator>
</div>
);
}