清水一平@RUNTEQフロントエンドエンジニア
@ippei_111
Followers
1,491
Following
1,275
Media
37
Statuses
1,228
社会人硬式野球→Webエンジニア（1年目）｜RUNTEQでエンジニア兼講師してます｜1年目エンジニアが学んだこと・感じたこと・フロントに関することを発信します｜React / Next.js / TypeScript / Ruby / Ruby on Rails｜ RUNTEQ44期卒｜ #RUNTEQ
Tokyo
Joined August 2013
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
DEAR MYLOVE LINGORM
• 1228164 Tweets
Edmundo
• 219163 Tweets
#Narin
• 209037 Tweets
CHARLOTTE X TIKTOKLIVE99
• 154093 Tweets
#光る君へ
• 98892 Tweets
プロジェクトKV
• 49306 Tweets
Zapatero
• 45294 Tweets
#ブラックペアン
• 29496 Tweets
İdam
• 27993 Tweets
ポルノグラフィティ
• 23961 Tweets
Kostic
• 21610 Tweets
#だれかtoなかい
• 16115 Tweets
KIII
• 15770 Tweets
源氏物語
• 13398 Tweets
AESPA DAESANG ON TMA
• 12550 Tweets
ماهر الجازي
• 10462 Tweets
Pinned Tweet
⚾️「野球の個人成績を記録して、友達とランキングで共有できる」Webアプリ「BUZZBASE」をMVPリリース（β版）します！
【できること】
・打撃・投手成績を記録
・打率や防御率などの集計成績を表示
・ユーザー同士の成績をランキング形式で共有
14
40
155
CTOに｢今、開発している機能はどんな課題を解決したいのか、そして開発したあと実際にどうなったのかまで考えることができるのがエンジニアです。｣と教えていただき、すごく刺さった火曜日の朝でした。
0
0
82
入社して約2週間ぐらいたった感想としては、キャッチアップすることや学ぶこと多くて楽しいすぎるなと感じました。そして、この仕事は一生飽きがこなさそうだと感じました🙌
0
1
70
エンジニアって技術力はもちろん大切だけど、それ以外の能力もすごく大切だなと感じた1か月間だった！
個人的には｢想像力｣が大切だと思った。分からないことを質問する際にも自分で想像して解像度あげないとだし、自分が担当していないことも想像してコミュニケーションをとることが大切だなと🤔
0
5
64
開発スピードが爆速のエンジニアって、コード書く力があって技術力が高いからだと思ってたけど、情報を整理するスピードが速くて正確だから、結果として開発スピードが爆速になるんだな。
3
1
64
RUNTEQ祭に応募させていただきました！
野球をしていない方でも使用できるように「ゲストユーザー」を作成しました。ぜひ、成績を記録したりしてみてください🙇♂️
✅ ↓ リプにゲストユーザー情報を記載しています。
#RUNTEQ
祭
1
12
52
エンジニアの方に「テーブル設計力をつけるにはどうしたら良いですか？」とお聞きしたところ、「テーブル設計が適切でない場合、コードを書いている際にデータの扱いに違和感を感じることがあるはず。その違和感や疑問をもとにテーブル設計を見直すと、問題点が見えてくるようになる。それを繰り返して
0
4
51
開発を担当させていただいている「ソーシャルポートフォリオ」が近日リリースされます！アプリや記事を登録する際の手間を削減する機能の開発も担当しましたので、ぜひ楽しみにしていてください！
0
4
50
RUNTEQに通っていた時のWebアプリ開発で、分からないことが沢山あって大変だったけど、現場で先輩方が書いてきたコードとWebアプリ開発時の自分のコードを比べることができて、「なるほど、こうやって実装するといいのか〜」ってなって、ちゃんとWebアプリ作りきれて良かったと���っている🫢
0
0
48
個人的にプログラミングは野球と比べて生まれつきの身体能力などの遺伝子的な影響が少なく、やればやるだけ自分の力になっていく感覚があるから、努力が裏切らない分野だなと思っている。
（野球をやっていた時は、よく間違った方向の努力をして、結果に繋がらないことが多々あった。笑）
1
1
45
初のオフラインイベント参加できてよかったです！
44期の方々とも色々とお話しできたし、別の期の方や、既にエンジニアとして働いている先輩方からもお話を聞くことができて、とても楽しい時間でした🙆♂️
そして、RUNTEQのみなさまも企画から運営までありがとうございました！
#RUNTEQ4
周年
0
1
45
RUNTEQ_path最高でした！！
トークセッションはエンジニアを目指している方から、現役エンジニアの方までとても勉強になる内容ばかりで、私も沢山の刺激をうけることができました。
登壇をしてくださった方々、本当にありがとうございました🙇♂️
＼🌟
#RUNTEQ_path
閉会しました🌟／
#RUNTEQ
生の皆、今日は参加してくれてありがとう！
たくさんの仲間に会えてボクも嬉しかったぞ！
それぞれの「次の一歩」を踏み出す機会になっていたら嬉しいな😆
今後ともRUNTEQをよろしくだぞ🤝
0
29
120
0
1
45
今週は社内の勉強会で2日連続でLTをした！
やはりアウトプット前提のインプットは理解の質が高くなるなと感じので、マサカリ覚悟精神でどんどんアウトプットしていきたい。
ただ、まだまだ知らないこと多いし、言語化がしっかりできていない点も再認識できたので、引き続き精進していきます🫡
0
1
43
就活についてまとめてみました！
timesにNotionのリンクをのせているので、ご興味ある方は是非ご覧ください🙇♂️
0
4
42
なんか普通にRUNTEQ祭を楽しんできましたが、こうして楽しめるのも運営を方々がしっかり準備をしてくれたからと思うと尊敬でしかないな。
本当にありがとうございました！！
#RUNTEQ
祭
0
0
42
CTOに｢開発において分からないことがあった時は、自分の考えを気軽に伝えてもらったり、質問し��もらえれば何でも答えるし、それが結果的プロダクトの向上につながる｣と言っていただき、心に刺さった水曜日の朝でした。
0
0
40
これ、めっちゃいいこと書いてある。
現役のエンジニアの方のみならず、これからエンジニアになりたい方も絶対読んでおいた方がいいなこれは。
もう一回ちゃんと読み直そっと🫢
0
1
38
バトランファイナリストの方々のアプリ、どれも個性があって技術力も高くて凄かった...！
バトラン最高！RUNTEQ最高！
そして、Erikaさん最優秀賞受賞おめでとうございました！🎉
#バトラン
#RUNTEQ
1
1
37
「RUNTEQ Advent Calendar 2023 3日目」
Webアプリ開発で環境構築を行う際の参考なればと思い、記事にまとめてみました。
0
6
37
バトランの東京オフライン２次会すごく楽しかったです！企画などしてくださりありがとうございました🙇♂️
バトランを見て自分はまだまだだな〜とか感じた方もいると思いますが、他人と比べるより過去の自分と比べて成長できているかを見る方が大切だと思います！
0
3
35
turbo_streamで画面が更新されない時、アクションが適切に設定されているかも確認するといいかも🤔
・append
ターゲット要素の内容の末尾に新しい内容を追加する。
・prepend
ターゲット要素の内容の先頭に新しい内容を追加する。
・replace
ターゲット要素自体を新しい内容で置き換える。
3
0
34
僭越ながら、第5回RUNTEQ祭で審査員をさせていただくことになりました🙇♂️
選んでいただきすごく光栄です！
みなさんのオリジナリティ溢れるアプリを拝見させていただけるのをすごく楽しみにしています。
そして、みなさんに少しでも役立つようなレビューができるように精一杯頑張りたいと思います！
【スタッフ賞：清水講師審査員】
・RUNTEQ44期生
・Xの技術/仕事に関するポストがとても勉強になります！
・最近では、RUNTEQ_PathのTシャツモデルもされていました😊✨
#審査員紹介
1
4
12
0
6
34
ユーザーからのフィードバックをそのまま真に受けて、機能を追加実装するのではなくて、ユーザーが言語化できていない本質的な課題を考えて実装するっていう視点が大事な気がする。
0
0
32
みんな、札幌もくもく会&観光にいきませんか？えぞとらべるを使いまくれますよ？
#RUNTEQ
祭
🐄第3回札幌オフラインイベントやります！🪻
7月13日（土）もくもく会💻
7月14日（日）観光DAY💫
もくもく会と、観光DAYに分けて、
道外の方も観光など楽しめるような会にしたいと考えています！
参加したい方・相談したい方は下記のリンクをご確認ください☺️
0
20
57
3
5
33
リリース前に開発者を公開していくのは新スタイルすぎるwww
個人的にかなりワクワクしながら開発しています！
0
1
32
⚾️ 以下の不具合を修正いたしました。
・グループ削除機能追加
・グループ作成ボタン連打で複数のグループが作成されてしまう。
・試合成績記録画面で、指名打者を選択すると投手になってしまう。
#BUZZBASE
1
0
29
バトラン前夜の7月19日(金)20:00〜定期勉強会をやらせていただきます！
🌟レビューをもらうことに対して少し怖いと感じている方
🌟現場はどんなコードレビューが行われているのか知りたい方
🌟エンジニアの働き方への解像度を上げたい方
0
4
28
Reactコンポーネントは、UIをコンポーネントに分解することで責務を絞り込み、再利用可能なコードを構築することができます。これらのコンポーネントを組み合わせて画面を構築していきます。そして、UIの一部を更新する場合には、特定のコンポーネントのみを更新することができます。
0
2
28
エンジニアチームが固まってるとBiz側が話しかけずらいことは良くありそう。
プロダクトを良くするためには、まずエンジニアチームがコミュニケーションを取りやすい状態を作り出すことが大切だと教えて頂きました。
0
0
28
以前、参加したイベントでお会いしたエンジニアの方が友達に「どのプログラミングスクールが良い？」って聞かれてRUNTEQをおすすめしてくれたみたいで、実際にお友達が入学されたお話を聞いてすごく嬉しかった！
0
0
28
富山にいい感じのレトロ感を出している駅がありました🚃
もちろん改札はありません。
乗車券をとって降りる時に支払うスタイルです🫣
1
0
28
一回アプリを作成したら、使用した技術に関する本を読み直してみると、作成したアプリの実装方法と本の内容を照らし合わせることができて理解が深まって良き。
最初は何書いてあるわかんねーって思っていた本でも、少しずつ理解できるようになると楽しくなってくる！
0
0
27
「POST Dev | ビジネスを変革するモダンフロントエンドの祭典」を楽しみに予約してたが、今日普通に仕事だったの忘れてて、見れなくて悔しい🥲
0
0
4
XL着てます🙋♂️
いいサイズ感でした👕
【
#RUNTEQ_path
グッズ紹介！第1弾】
👕オリジナルTシャツ👕
渋谷を感じるデザインに注目👀⚡
あなたもこのTシャツでRUNTEQの一員に🤝
✅価格：3,000円
✅サイズ：M,L,XL
#RUNTEQ
0
5
22
0
2
27
フロントエンドのテストについて簡単に特徴をまとめてみた！
✅静的解析
TypeScriptやESLlintなどによって、コードを実行しなくてもコード自体の品質をチェックすることができるテストの方法になります。 モジュール内部の検証だけでなく、モジュール間の不整合についても検証することができます。
1
2
26
おれも次の一歩を踏み出したい🦶
⋱⋱お待たせしました📣⋰ ⋰
#RUNTEQ_path
予約開始🎉🎉
￣￣￣￣￣￣￣￣￣￣￣￣￣￣
いよいよ！
#RUNTEQ
史上初✨️
カンファレンスイベントの予約受付がはじまったぞ🥳
RUNTEQ生の皆は、下記リンクから申込方法をチェック！
▶
先着250名に入れたらぜひ教えてくれよな👀
2
13
26
0
0
26
静岡もくもく会&飲み会楽しかったです！
色々な方とお話しできて、とても勉強になったし、刺激をうけることができました。そして、企画してくれた、なかさん・よしのさんありがとうございました🙇♂️
0
0
25
エンジニアのキャリアなどについて、かなり生々しいお話しが、このタイミングで聞けて、とても有意義な時間でした！
その後のRUNTEQ飲みの「コードに性格がでる」話も面白かった👨💻
そして、就活のアンチパターンも聞けてとても勉強なりました！！
#セイト本
出版イベント無事に終わりました！
@hisaju01
さん、
@makaibito
さん、
@ro_sa_official
さん、盛り上げてくれてありがとうございました！
いいオフィス上野さん、場所貸しありがとうございました！めちゃやりやすかったです👏
2
10
66
2
1
25
北海道の2日間は色々な方とお話ができたし、綺麗な池見れたし、セイコーマートのおにぎりやジンギスカンも食べれたし、最高でした🙌
いわきセンパイ、さとはるさん、のすけさん企画など色々とありがとうございました！！
#札幌オフラインもくもく会
0
0
25
プルリクエストをレビューしていただく際に、LGTM以外のコメントの略語を知らなくて最初「なんだこれは？」ってなりました😂 笑
0
4
24
今日は、データベース設計を行う際に、Functionsベースで設計を行うと良いと教えていただきました。
まず、ユーザーがアプリケーションでどのような操作を行うのかを具体的にリストアップし、各操作に対して必要なデータを考え、データの関連性を整理していくとイメージしやすいかもだな。
0
2
24
「BUZZ BASE」を使ってくれている方へ。
現在、以下の不具合を対応中です🙇♂️
・グループを削除できない。
・グループ作成時に連打すると複数のグループが作成されてしまう。
・試合成績記録画面で、指名打者を選択すると指名打者になってしまう。
0
6
24
昨日、フロントもやっている先輩エンジニアの方に｢実務ではどんな種類のレビューが多いですか？｣と質問させていただいたら、｢アーキテクチャ｣や｢コンポーネントの責務について｣のレビューが多いとのことでした。
0
1
23
RUNTEQ_pathで色々な方とお話ししたいな〜🫣そして、44期から2人も登壇するのですごく楽しみ！🙌
#RUNTEQ_path
／
📢
#RUNTEQ_path
続報❗️
トークセッション&追加登壇者を大公開✨
＼
8/11（日）開催
#RUNTEQ
生向けオフラインイベントの続報をお知らせするぞ😆
あの方が登壇決定！？
オリジナルグッズの詳細！？👀
参加予約もあとわずか！リンク先を見逃すな😎👆️
▼詳細
0
12
28
0
2
23
RailsのProgate道場を行っているが、やはり「わからない」→「調べる」を繰り返すことで、学習の定着率がぐっと上がる感じがします🙊
新しいことを学んで理解できていると実感できてくると、すごく楽しい、、
1
0
23
フォローやいいね機能をモーダル内に実装する際、ページの初期レンダリング時にDOMを生成しておき、CSSやJavaScriptで表示・非表示を切り替える場合、同一ページ内で同じIDを持つボタンが複数存在すると、IDの重複が原因で非同期ボタンの切り替えが正しく機能しなくなる可能性がある。
0
1
23
【React Foundations 2章まとめ】
ブラウザがコードをどのように解釈してUIを作成しているかというと、、、
サーバーがHTMLファイルを返す → ブラウザがHTMLを読み取りDOMを構築する
DOMとは → HTML要素のオブジェクト表現で、ツリー構造でコードとUIの橋渡し役として機能しています。
0
0
22
できるエンジニアはMTGの中でも技術的なことをその場で精度高く提案できるし、説明できるな。やはりそういった実装力以外の力もすごく必要だ。
瞬時に技術的な提案などを行うにはやはり引き出しの多さと経験が大切だと思う。だからエンジニアって常に勉強している人がつよつよになっていくんだな🤔
0
1
22
Reactコンポーネントは、propsやstateの更新、親のレンダリングで再レンダリングされ、仮想DOMの差分を検出し実際のDOMを更新する。そのため、この流れを理解せずにuseEffectやuseStateを使うと、不要な再レンダリングが発生することがあるから注意しないとな。
0
0
22
���局、Qiitaには1記事しかアウトプットできなかった。来年はもっと記事書いてどんどんアウトプットしていく。
0
0
21
アウトプットを継続して行ってる人は、総じて自分の思考や、実装しながら詰まったことなどをメモする習慣があるなって思いました。あと、timesの更新頻度が高い。
#アウトプットのコツLT
1
0
22
学習中からエンジニアとして働きはじめたら、これを試してみたいと思ってたので、そろそろテンプレートを作成しようと思う🫡
0
1
22
issueを書く時に意識するポイント
・タスクについて話し合った内容・誰と話したか・日付
・タスクのゴールから逆算して、必要なことを記載。
・調査したこと、質問したことを記載。
・実装方針を記載。
・実装者が変わっても何をやっていたかが伝わること。
・実装内容によって記載する内容は変わる。
0
2
22
簡単ではありますが、TypeScriptのリテラル型の活用例についてまとめてみました！
0
3
22
勉強会に参加してきた！Kubernetes・OpenID Connect・React Hooksについて勉強することができた🙆♂️
難しい内容ばかりで理解できるところとできないところがあったけど、すごくいい刺激になった！
0
0
21
WebアプリのUIを作る時に、デジタル庁デザインシステムのコンポーネントを参考してstyleたてていったら、考える時間と開発工数を削減して、平均点以上のUIを構築することができそう。
1
0
21
シャッフル交流会��参加でしたが、別の期の方や、名前だけしか知らなかった方などとお話しできて楽しかったです🙊
あと、2回連続で校長と同じルームだったので、運を使い果たしたのではないと心配しています🙈笑
#RUNTEQ
イベント
0
0
21
ユーザーからのフィードバックで、全く活躍出来なかった成績が、「みんなの成績」画面で公開処刑されるのが恥ずかしいとのこと。
確かに言われてみればその通りだ😓
やっぱり、ユーザーからのフィードバックは自分じゃ気づかなかった視点があるから、完璧に作ってからじゃなくて、MVPリリース大切。
0
1
21
非同期処理とReactのuseStateとuseEffectの理解を深めるために、WebAPIを叩いてみました。
0
3
21
Next.jsとRailsAPIのユーザ認証でAPI通信を行う際には、axiosを使用するのが無難なのか？🤔
1
1
19
今日は、Next.jsのデータ取得の実装を添付リポジトリのようにservicesディレクトリまとめると可読性と保守性が向上することを学びました🧑💻
0
0
20
「とっととやれ」「あらゆる責任を引き受ける」このマインドセットは大事だよな〜。やるときは保険を張るような言い方をしない。
エンジニアとして真に成長するには？──技術スキルだけじゃない、"すごいエンジニア"が大切にするマインドセットとは
0
0
20
この記事、これからReactを学んでみたい！って人は1度読んでみるといいかも。
Reactとは？みたいな粒度の説明から、React特有の単語やHooksの説明が端的にされてて良きだ。
0
8
20