Upgrade to Pro — share decks privately, control downloads, hide ads and more …

最近やってること.pdf

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tomohiko Himura Tomohiko Himura
September 15, 2018
Programming
0
110

 最近やってること.pdf

Avatar for Tomohiko Himura

Tomohiko Himura

September 15, 2018
Tweet

More Decks by Tomohiko Himura

See All by Tomohiko Himura
Marpでmermaidは簡単だときいたけど
Avatar for Tomohiko Himura eiel
0
1.6k
バイナリ読むのにElixirしてみた
Avatar for Tomohiko Himura eiel
0
84
アジャイルはさておきMake People Awesomeしたい
Avatar for Tomohiko Himura eiel
0
180
レビューは最優先にするようにしている
Avatar for Tomohiko Himura eiel
0
320
再考 Fourkeys メトリクス
Avatar for Tomohiko Himura eiel
2
690
Test mockをSnapshot testする
Avatar for Tomohiko Himura eiel
0
140
devenvに入門した
Avatar for Tomohiko Himura eiel
1
120
関数プログラミングの考え方
Avatar for Tomohiko Himura eiel
1
340
逆コンウェイ作戦はフィードバックループを作るために 逆向きの流れをつくること (5分版)
Avatar for Tomohiko Himura eiel
0
450

Other Decks in Programming

See All in Programming
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
780
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
170
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
470
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
170
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
290
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
CSC307 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
500
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.3k

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
78
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
760

Transcript

  1. 最近やったこととか 2018-09-16

  2. Րଜ ஐ඙ Twitter eielh GitHub eiel Facebook ద౰ʹ͕ͯ͞͠

  3. None

  4. 広島リモート

  5. 広島リモート Scalaえんじにあ (?)

  6. 吹田市 在中

  7. 心臓移植の待機をしています

  8. None

  9. 参考価格 1860万円

  10. 人工心臓が扱える病院 救急車で2時間以内 に住まないといけない

  11. None

  12. 救急車が200km/h で走れば帰れそう

  13. ଞͷ଴ػऀʹ͘Β΂ͯ (ͨͿΜ)͍ͨ΁Μͳͱ͜Ζ

  14. 0歳児がいる 家に帰れない 車がない

  15. 0歳児がいる 介助者が機能してない疑惑 迫りくる怪獣

  16. 子育てはたいへん 母親だけに任せるのはダメ

  17. 家に帰れない 鹿児島、北陸、東北などにも 人工心臓装着者はいるらしい 実は広島にもいる (病院によっては新幹線で2時間も許可されている)

  18. 家に帰れないと 住宅ローン + 家賃 頼りやすい親戚が近くにいない 住宅ローン控除が対象外

  19. 車がない お金ないし タクシーのほうが コスパが良さそう

  20. ところで 移植の待機期間

  21. 実績上 平均3年

  22. IUUQTEBUBTUVEJPHPPHMFDPNVSFQPSUJOH G'VNW$VUQ88VGTQ/U/,&E:FQ44BQBHFXNL9

  23. IUUQTEBUBTUVEJPHPPHMFDPNVSFQPSUJOH G'VNW$VUQ88VGTQ/U/,&E:FQ44BQBHFXNL9 累計が放物線

  24. 毎年、移植数の2倍増えてる

  25. 今から移植希望する人は もっとたいへん

  26. 最近やってること

  27. グリーンリボンを応援する会

  28. None

  29. 広島弁が得意な人が 作ってくれた (@NeXTSTEP2OSX)

  30. 移植医療のために頑張る人 たちをこっそり応援する

  31. せっかく協賛するし なにか宣伝しよう

  32. 1日でも早く移植ができるなら できることやろうぜ

  33. やったことたか Reactで静的サイトジェネレート でサイトつくる Google Data Studioで可視化

  34. https://datastudio.google.com/u/1/reporting/ 1YCQdi28HyJGmZwJPQtNzZnwKsNJdlDeX/page/sPeX Google Data Studio

  35. Reactで静的サイトジェネレート

  36. Reactのための 静的サイトジェネレート ではない

  37. react-static Gatsby Next.js

  38. クライアントサイド処理は しない

  39. メリット Reactコンポーネントが再利用できる 軽量・高速

  40. デメリット Reactが活きてない やってる人が見当たらない

  41. 仕組み

  42. サーバーサイドレンダリング するだけ

  43. const writeFilePage = async ({ filename, Page }: { filename:

    string, Page: Component }): Promise<{ path: string, html: string }> => { const content = ReactDOMServer.renderToStaticMarkup(<Page />); const html = `<!DOCTYPE html>${content}`; const path = `public/${filename}`; await fs.mkdirp(dirname(path)); await fs.writeFile(path, html); return { path, html }; };

  44. 簡単

  45. つらいこと

  46. CSS Module 採用したらつらかった

  47. CSS Module 雑に言うと • CSSセレクタ用のクラス名が被らない • JS上でimportできる

  48. 雑に仕組み

  49. .article { font-size: 16px; } goro.css

  50. CSS Moduleとして処理すると

  51. ._article_xkpkl_10 { font-size: 16px; } goro.css

  52. { "article": "_article_xkpkl_10", } 一緒にこんなjsonができる感じ

  53. 使うとき

  54. import { article } from ‘./goro.css' # 実質生成された.jsonを読み込む感じ () =>

    <div className={article} >Goro</div> Javascript

  55. <div class="_article_xkpkl_10">Goro</div> 出力

  56. Import するのは css であって jsonではない CSSとJSを事前処理しないといけない 困る点

  57. 解決策 Webpackのloaderが対応している

  58. • nodejs向けのコードを生成するようにする • target: 'node' (webpack.config.js) • 生成されたコードを実行する • node

    main.js Webpackの導入

  59. { "scripts": { "build": "webpack && node dist/main.js" } }

    package.json

  60. ·ͱΊ

  61. 可視化楽しいで

  62. 可視化楽しいで 可視化は楽しい

  63. Reactで静的サイト まあまあ楽しい

  64. できること 臓器移植意思表示 する人を増やす by 臓器移植ネットワーク

  65. できること 臓器移植意思表示 する人を増やす by 臓器移植ネットワーク YES か NO かは関係ない

  66. 移植医療の普及してないため 病院側の環境が整ってないから

  67. まずは 移植医療を たくさんの人が理解すること

  68. 意思表示している登録数が 公開されるインターネットで 意思表示を IUUQTXXXKPUOXPSKQ