Web Developer's Struggle Memories

日々の業務から思ったこと、学んだことを書き連ねていきます。

備忘録

「WEBフロントエンドにおけるソフトウェア設計の考察」の参加メモ

今年の2月に行われた OOC(Object Oriented Conference) の中で数少ないフロントエンドに関するトークに参加してきたときのメモ。 ぶっちゃけこのスライド見ればこの下のメモは不要。 現代フロントエンドの難しさ 開発環境の多様化・複雑化 フロントエンドの…

input 要素で日本語入力が完了したのか submit のエンターなのかを判定する

軽くググるとすでに数多くの記事が書かれており、たくさんの先人の方々が苦しんだことが分かりますが、古かったり超厳密に実装しようとして少々複雑度が増しているものだったりしますので、完璧ではないですが妥協できるくらいのレベルでの実装で良い、とい…

useState を使った input で初期値をセットしたりバリデーションチェックする方法

とある案件で Next.js を用いて web アプリケーションを開発しているのですが、その中で styled-components というライブラリを利用してコンポーネントを作成しています。 まぁコード見たら物凄い基本的なことですが、備忘録として書き残しておきます。 とり…

Object Oriented Conference でスポンサーセッションとして40分登壇してきた話

ロゴ画像 https://ooc.dev より 2020/2/16 に Object Oriented Conference なる、近年日本で行われた オブジェクト指向 に関する最大(ではないか?)のイベントに登壇してきたのでその時の事をお話します。控えめに言ってめちゃくちゃ勉強になり、刺激だら…

t_wada 氏にペアプログラミングについてご講演頂いた際の個人的メモ

今や @t_wada(和田卓人) 氏については私が説明しなくとも、皆さんご存知のことかと思います。そう、このライオンスタンドの人です(違わないけど違いますw ,、,,,、,,, _,,;' '" '' ;;,, (rヽ,;''""''゛゛;,ノr) ,; i ___ 、___iヽ゛;, テスト書いてないと…

2019年の Riot.js の軌跡を振り返ると共に, 来年の活動の抱負

この記事は, Riot.js Advent Calendar 2019 の第25日目になります!(遅刻組です…) riot の変化 まずは riot のリリースノート を見てみましょう. riot の v4 は今年の5月30日にリリースされましたロゴ画像については, nibushibu さんが作成され, PR がマー…

個人的現場でよく使う英語フレーズ一覧

本格的に英語を使うような環境に身を置いて, 早2週間. 全くと言っていいほど成長がないので, そろそろアクションを変えないと行けないなという危機感に襲われている. で, 毎回 日本語を考える ↓ 英語の文章に翻訳する ↓ writing or talking という流れでやっ…

2019年のエンジニア勉強会での登壇を振り返る

この記事は エンジニアの登壇を応援する会 Advent Calendar 2019 の第23日目の記事です. すでに以下のような記事を書きましたが, note.com 最後に登壇について これは エンジニアの登壇を応援する会 のカレンダーで振り返りたいと思いますので, 今回は割愛さ…

この三連休(2019/11/02〜2019/11/04)で新しく得た知識まとめ

セルフ・ハンディキャッピング 「テスト勉強の前に, 何故か部屋を掃除してしまう」とか, 「明日の会議で使う資料作りの前にネットサーフィンしてしまう」などの行動をとってしまうときの心理減少の名前. 自分で自分にハンディキャップを付けていることにちな…

読書メモ「センスは知識からはじまる」

センスは知識からはじまる作者: 水野学出版社/メーカー: 朝日新聞出版発売日: 2014/04/18メディア: 単行本この商品を含むブログ (9件) を見る 今回はこちらの書籍を読んだ感想などを書きたいと思います. この書籍は 竹屋りょう さんと飲んだとき, 彼から教え…

読書メモ「迷路の外には何がある?」

近年書籍に金の糸目をつけなくなってきたんですが、その分 積読も加速 してきているんですよね…(;´Д`) にも関わらず、またもや本を買ってしまいましたw 発端のツイート いつのまにか続編が出てたので買った。 pic.twitter.com/gA1Fy8ASLR— 前から2番@riot…

「しがないラジオmeetup 3」に参加してきた話

知っている方には言わずもがなですが、数年前から開始した Podcast しがないラジオ の、第三回 meetup に参加してきました。 しがないラジオ についての説明は割愛します。詳しくは、先程のリンク先が公式サイトになっておりますので、そちらのサイトから各…

Ionicにおけるテストについて

Ionic Advent Calendar 2017 の17日目の記事になります。 以前こちらの勉強会にて、Ionicにおけるテストについて喋りました。スライドはこちら↓↓↓ speakerdeck.com この資料をダイジェストに書いたものになります(どっかでやりたいと思いながら今日に至る……

読書メモ「10年後の仕事図鑑」

ずっと前から気になっていた書籍の一つ。購入してから実に2ヶ月経ったが、やっと読み終わったので感想などをまとめたいと思う。 10年後の仕事図鑑作者: 堀江貴文,落合陽一出版社/メーカー: SBクリエイティブ発売日: 2018/04/05メディア: 単行本この商品を含…

今年しがないラジオを知ってからのできごとをまとめみた

この記事は、しがないラジオ Advent Calendar 2018 の6日目の記事になります! 今年からしがないラジオを聴き始め、色々アクションしたところ、色んな変化が訪れたのでそれをまとめてみようと思います! すでにブログで書いたことのすべてをまとめるのと、思…

Diary 2018-07-26 I was caught in npm terribly

Today's workings しがないラジオを聴く npmでドハマリしてた Details 1. しがないラジオを聴く 分かり辛いけど、 sp.19a↓ shiganai.org sp.19b ↓ shiganai.org 2. npmでドハマリしてた npmの知見ディレクトリ名に「:」が付いていると、npm run hoge コマン…

「親父の小言(エンジニア版)」が非常に面白かった

これは弊社のslackに添付してあったファイルですが、読んでみるとこれがとても面白くかつ頷くものばかりで、共有したくなりこの記事を書きました。 全部で45項目あるのですが、全て書くと物議を醸しそうですので、いくつかを除いたものを記載します。(それ…

Diary 2018-07-25 Nuxt, Laravel, Node.js

Today's workings Laravelの開発環境構築 Nuxt + Laravelの開発環境について調査 Node.jsの勉強 Details 1. Laravelの開発環境構築 qiita.com 2. Nuxt + Laravelの開発環境について調査 www.chatbox.blog www.wantedly.com 3. Node.jsの勉強 東京Node学園#1…

Diary 2018-07-18 Action Action Action

Today's workings jwtを調べる Nuxt.jsを試す Udemyのriot.jsのコースを聞く Details 1. jwtを調べる ことの発端はteratailにて以下のような質問を見つけたので、勉強がてら調べつつ回答した。 teratail.com なんだかんだ一番まとまっている公式リポジトリの…

日記:2018-05-30 AWSの日

今日やったこと made-with-riot サイトの更新 AWS Summit Tokyo に参加 詳細 1. made-with-riot サイトの更新 Made With Riot 2. AWS Summit Tokyo に参加 www.awssummit.tokyo 前回スタッフをした JAWS Days 以来のAWSのビッグイベントに参加。と言っても、…

日記:2018-05-16

←昨日の日記 今日やったこと node-sassでちょっとハマった nodejs の readline について勉強 riotx 詳細 1. node-sassでちょっとハマった github.com これ。macで docker 使って開発環境を建ててたんだが、node-sass のバインディングがおかしくてコケてた。…

日記:2018-05-15

←昨日の日記 今日やったこと riotx npm run-script の -f オプション 詳細 1. riotx 2日連続で同じリンクなので、特に言うことはない。 Riotx 紹介 · Riotx 2. npm run-script の -f オプション 今日、仕事の先輩が見つけたものだが、npm run-script を実行…

日記:2018-05-13

←昨日の日記 今日やったこと 「 月亭方正の爆笑玉手箱!」を聴いた hyperapp しがないラジオ sp.28b sp.29a 詳細 1. 月亭方正の爆笑玉手箱!を聴いた 月亭方正の爆笑玉手箱! | 公演案内 | 一般財団法人 民主音楽協会 落語家の 月亭方正 さんのお話を聴きに…

日記:2018-05-11

←昨日の日記 今日やったこと お勉強 prettier lint-staged 勉強会参加 詳細 1. お勉強(prettier) prettier.io 物凄く有名な formatter ツール。名前はもちろん、何ができるかもざっくりとは知っていたが、実はちゃんと触ってはいなかったが、 Riot.js JP s…

日記:2018-05-09

←昨日の日記 今日やったこと cmd-ranking バグ修正 v0.2.5 リリース riot-ecosystem の続き 詳細 1. cmd-ranking 昨日の日記でも記載した以下のパッケージ www.npmjs.com の「1つのコマンドにセミコロンが2つ存在すると、そのコマンドが取得できない」という…

技術書展4に参加してきた感想

参加の流れ 去年から名前だけは知っていたが一度も行ったことなかった「技術書展」なるものに行ってきた。 簡単に言うと、技術に関する同人誌販売のイベントで、今回で4回目だそうだ。(以下に公式サイトのリンクをはっつける) techbookfest.org 開始は11:0…

「Riot.js 勉強会 @Tokyo #3」を主催したので振り返りました。

riotjs-jp.connpass.com はじめに 1週間前の4/5に、実に1年ぶりにRiot.js(以下riot)の勉強会を開催できました❗ 前回まではサイバーエージェントさんの会場をお借りしてましたが、今回は株式会社サポーターズさんの会場をお借りすることができました。 また…

「事業をつくっていくエンジニアに必要なことは?企画開発エンジニアmeetup #1」に参加してきた

ajike.connpass.com 「企画開発エンジニア」というちょっと変わったタイトルの勉強会に行ってきたので、そのお話のメモを書き残す。 先に感想 ざっくりと今回の内容をまとめるとこんな感じ。(自分の考えや感想も交えています) 対談形式 モデレータ1人、ゲ…

インフラに関するお勉強メモ「ライトバックキャッシュ」

障害対応でその筋で有名なものとして、DBのパフォーマンスがいきなり劇落ちするというものがある。原因はRAIDコントローラーの定期自主検査の中でライトバックキャッシュが勝手に無効になることなんだけど、この手の障害は経験者がいないとなかなか気づけず…

Practices of directory composition using expressjs

せっかく仕事でNode.js(というかExpress)使ってるので、そこで実現場での使い方の例を参考にメモする。(そのまんまだとあれなので、加工済み) あと英語の勉強のため、何気にタイトルやらヘッダやらを英語にしています。 Anyway, directory structure ./ …