仕事 今年はデザイン業もといファシリテーション業が多くなった。企画MTGをしながら全職種で集まってその場でFigmaで画面を書き起こしていくことがとても多くて、なかなかしんどいが楽しかった。見た目を書き起こしながらのファシリテーションはデザイナ側が…
仕事と生活 昨年は転職し、生活がガラッと変わった。職種もエンジニアからデザイナーなった。 2019年にやりたい仕事ができそうだ！とウキウキと転職したもの2021年前半になってもなかなか希望の職務がもらえず辛かった。 毎度の面談で「どうなりたいの？」と…
最近職場で輪読している「ユーザーフレンドリー全史」が最高に面白い。 「ユーザーフレンドリー」全史 世界と人間を変えてきた「使いやすいモノ」の法則作者:クリフ・クアン,ロバート・ファブリカント発売日: 2020/12/18メディア: Kindle版 デザイン思考、ユ…
2020年のメモ。お題「#買って良かった2020 」です。 よんだ本 30冊。今年はそんなに読めなかった...あんまり好きな本を掘り起こせたという感覚もない年だった。 そのなかでも特に取り上げるなら 医学書院 シリーズ ケアをひらく www.igaku-shoin.co.jp この…
4月から仕事しつつ放送大学で「情報社会のユニバーサルデザイン」の授業を受けていた。 アクセシビリティに興味があるが、マークアップの知識以前に、そもそもユニバーサルデザインの考え方をちゃんと知りたかった、というのが理由。 ユニバーサルデザイン …
結合テスト 結合テストはつながりのテスト UIテストで見つけにくい下位レベルの不具合を見つけやすい 複数の部品がきちんと繋がっていることを確認するために十分な堅牢性と機動性があるので反復型の開発ができる webのレイヤでテストできる webの仕組み www…
UIテスト UIテストとは エンドユーザーが操作するのと同じようにテストするスクリプト エンドツーエンドで動く。アプリケーションの様々な箇所を全て動かす。スモークテスト。 スモークテスト システムが基本的なレベルで稼働していることを確認する高レベル…
テストのピラミッド テストの３つの層・アプリケーションアーキテクチャの３つの層 UI (→UIテスト) E2Eで動くテスト 遅く、壊れやすい サービス(→総合テスト) UIを通過せず、サービス層をテストする 問題のある箇所を特定するのには向いていない ロジック(→…
新装版 道具と機械の本――てこからコンピューターまで作者: デビッド・マコーレイ,歌崎秀史出版社/メーカー: 岩波書店発売日: 2011/09/08メディア: 大型本 クリック: 1回この商品を含むブログを見る これがめちゃめちゃ楽しい本で、いろんな機械の仕組みがか…
順列・組み合わせ 数えることは整数との対応づけ 数えることは 数えたいものを整数に対応づけすること 数えるときはもれ・ダブりに注意する 数えるルールをつくるために、数えたいものがどんな構造をしているか・どんな性質を持っているか理解する。 数え上…
数学的帰納法 ある主張が成り立つことを0以上のすべての整数について証明する方法。 数学的帰納法は２つのステップで行う P(0)が成り立つ ことを証明する（基底） 0以上のどんな整数kを選んでも、P(k)が成り立つならばP(k+1)も成り立つことを証明する（帰納…
剰余 剰余は周期性をみつける道具 剰余を使って考えると周期性をみつけることができる。 周期性を見つけると、大きな数の問題を扱いやすくなる。(一億日後は何曜日か？とか) 10の100乗みたいに解く数がとても大きくなっても、同じように位をあげながらあまり…
理論 なぜ理論が必要なのか 自然言語のあいまいな部分をなくす。理論式で仕様書を表現しようとするとあいまいなところを見つけることができる。 シンプルで理解しやすい式に変換することができる 理論の言葉 命題・真偽 命題：正しいか正しくないかを判断で…
数え方と0の役割 数が大きくなってくると扱うのがむづかしいのでいろいろ数え方が生まれた 大きくなってきたら 小さな「まとまり」に分けて解く 位取り記数法(くらいどりきすうほう） 位取り記数法 - Wikipedia 2進法・16進法など 普段使っているのは10進法(…
1年と半年かかった「the nature of code」の最後の課題が終わったところで、（正確には終わってないんですが・・最終課題の生態系プロジェクトがまだノータッチ）、 いままで書いたブログ記事へのリンク、課題を作って知って楽しかったこと・さっぱりわから…
the nature of code 10章最後の課題 これまで読んできたニューラルネットワークのさわりの部分を可視化したアニメーション See the Pen ネットワークのアニメーション by kanaparty (@kanaparty) on CodePen. 2016年にギリギリ間に合った・・・！
前回作成したのは教師あり学習（正解があって、結果と正解から誤差を計算し重みを調整する）だったが 今回は簡易的な強化学習（結果から誤差を計算し、環境に対応する）を作ってみる練習。 今回のビークルにはbrainプロパティがあって、操舵力を決めるときに…
See the Pen 選択的遺伝 by kanaparty (@kanaparty) on CodePen. 9章でやり残してしまっていた課題。 自分で適応度を変更して次の世代のパターンを作る。 例は顔みたいな図形だったけど、タータンチェックのパターンで作ってみた。
ニューラルネットワークとは 脳に基づいて特定の問題を解決するための計算モデル。複雑系の一種 ニューラルネットワーク - Wikipedia ニューロン...細胞網に存在している単一細胞で、入力を受け取り、処理し、出力を生成する。 コネクショニスト計算系...情…
tuitui.hatenablog.com ↑昨年イテレータについて後日読もうと思っていたんですが、ようやくその「後日」が来ました。 イテレータ・ジェネレータ（ついでにシンボルもちょっとだけ）について覚えたことをメモ。 自分でIterableなオブジェクトを書いてもいいし…
See the Pen Minesweeper（vue.js） by kanaparty (@kanaparty) on CodePen. はじめてMVCのフレームワーク使ってみた。なんて簡単なんだ〜〜いい感じ〜！
バリューのある仕事とは イシュー度（置かれた局面での答えをだす必要性の高さ）と解の質（どこまで明確に答えがだせているかの度合い）が高い仕事 解の質が高い仕事であってもイシュー度が低いと結果的にバリューのある仕事は生まれにくい（犬の道） 誤：「…
See the Pen PzJZNz by kanaparty (@kanaparty) on CodePen. あとで
See the Pen 障害物を避けて進化 by kanaparty (@kanaparty) on CodePen. 前回 tuitui.hatenablog.com のコードをベースに、障害物を設置してそれを避けて通るように進化させる課題。 前回のコードとの大きな違いは、ビークルの表現のクラスのなかの、適応度…
See the Pen 獲物に向かうように進化するビークル by kanaparty (@kanaparty) on CodePen. 久しぶりにnature of codeの課題！ 前回の進化の課題の表現を文字列から運動に変えて、 解を「獲物（画面右端の丸）にたどり着くこと」とした。 はじめはてんでバラ…
URL URN URI URL(リソースの場所）、URN(リソースの名前)、URI(リソースの識別) REST REST・・・webのアーキテクチャスタイル（指針・作法・流儀、システムを設計するときの指針） リソース web上に存在する、名前(URI)をもったありとあらゆる情報のこと。 U…
TCP/IPについて インターネットのネットワークプロトコルは階層型になっている ネットワークインターフェイス層 インターネット層 パケット単位でデータのやりとり。IPが相当する部分。データ送り出すことは保証するが、送り先に辿り着いたかの保証はしない…
リソース設計とは・・・ クライアントとサーバの間のインターフェイスの設計（どう分割するか？、どうURIで名前をつけるか？、リンクの関係をどうするか？） webサービスとwebAPIをわけて考えない（どちらもweb上にあるリソースを提供するものなので） 設計…
See the Pen Genetic Algorithms(遺伝的アルゴリズム） by kanaparty (@kanaparty) on CodePen. 遺伝的アルゴリズムを使ってランダムな文字列から「音はしぐれか」 種田山頭火 - Wikipediaへ進化させる。 遺伝的アルゴリズム ステップは大きく分けて３つ 集…
See the Pen tree(L-system) by kanaparty (@kanaparty) on CodePen. L-systemを使って、藻みたいな描写をする課題。 L-system - Wikipedia フラクタル構造を管理するメカニズム。必要な要素は３つあって、 アルファベット 公理（初期状態） 規則 作ったL-sy…
