はてなブックマーク

ある日の我が家 娘(10歳)「ねぇ、パパ」 ワイ「なんや、娘ちゃん」 娘「わたし思うんだけど」 娘「凡ミスの多い人って、プログラマーに向いてるんじゃない?」 ワイ「え、何を言うてんの」 ワイ「ミスが多い人はアカンやろ」 ワイ「そんな同僚いたら困るで」 娘「いや、そんなことないと思う」 娘「どっちの意見が正しいか、パパのXでアンケートしてみてよ」 ワイ「まぁいいけど、結果は見えてるで」 ワイ「向いてる訳ないんやもん」 ワイ「カタカタカタ・・・ッターーーン!」 ワイ「アンケート投稿したで!」 24時間後 ワイ「お、Xに通知が来とる」 ワイ「アンケートの結果が出たみたいや」 ワイ「・・・まじか」 ワイ「わずかやけど『向いている』の方が多いやん・・・!」 娘「やっぱりね」 ワイ「てっきり『向いていない』が圧勝かと思ってたわ・・・」 ワイ「でも、なんでなんやろ」 ワイ「そもそも、娘ちゃんは何で向

ある日の我が家 ワイ「はぁ〜、またワイの書いた記事がSNSでディスられてるで」 ワイ「まったく、エンジニアってのは性格の捻くれた奴が多いよな」 娘(10歳)「パパ!消えないで!」 ワイ、バックエンドに挑戦してみたい ワイ「ふぅ〜、危なく消滅するところだったやで・・・」 ワイ「それはともかく」 ワイ「今日は、自分のためのブログサイトを作っていくで!」 娘「へぇ〜、いいね」 ワイ「今回は、バックエンドも自分で作ってみたいんや」 ワイ「せやからREST APIを作るやで」 ワイ「まず、エンドポイントは・・・/do-anythingでええわ」 娘「え」 娘「/do-anythingって、そのエンドポイント1つで何でもやるってこと?」 ワイ「せやで」 娘「何そのクソ設計」 娘「流石にヤバくない?」 ワイ「別に、設計とかどうでもええやろ」 ワイ「ええか?この先の時代はな?」 ワイ「AI君がコード読んで

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ある日の我が家 ワイ「ああ、せやな」 ワイ「ChatGPT君は、なんでも答えてくれるもんな」 娘「でもさ、質問に答えるだけじゃなくて」 娘「プレゼン資料を作ってくれたりはしないの?」 娘「資料のファイル丸ごと作ってくれたら超便利なのに」 ワイ「おお、ええ発想やな」 ワイ「実はな、もうできる時代になってきてるみたいやで!」 娘「え、そうなの?」 ワイ「ああ」 ワイ「最近MCPっていうプロトコルがIT界隈で話題沸騰中でな?」 ワイ「ChatGPTのデスクトップアプリも、そのMCPへの対応を進めてるらしいんや」1 娘「へぇ〜」 娘「そのMCP

この記事は YOUはどうしてエンジニアに!?という LTイベントで発表したスライドです。 遡ること11年前・・・ 2013年 ワイ 30歳 プログラミング実務未経験 (勉強は1ヶ月くらいしたことあった) 学歴:高卒 職歴:正社員経験なし つまり「高卒フリーター30歳」 終わりきった経歴・・・! 当時は派遣社員 コールセンターで 電話をとるお仕事をしていました エンジニアになろうと思ったきっかけ 当時、エレキギターのサイトを 見るのが好きなおじさんでした このギターって どんな音がするんだろう 文字の説明を読んでも よく分からない・・・ クリックしたら音が出る っていうサイトがあったらいいのにな 1つのギターでも いろんなスイッチがあって 色んな音が出るから それを誰か Web上で表現してくれたらいいのに なかったら、自分で作ればいい! でも作れない・・・ コードなんて、ほぼ書けないから・・

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ある日の我が家 ワイ「う〜ん・・・」 ワイ「どないしたら実現できるんやろなぁ・・・」 娘(8歳)「パパ、どうしたの?」 ワイ「おぉ、娘ちゃん」 ワイ「いやぁ」 ワイ「実は、面白いアイディアを思いついてな?」 娘「へぇ、どんなアイディア?」 ワイ「AIと連携した技術記事投稿サイトがあったら面白いんちゃうかな、って」 娘「何だか、フワッとしたアイディアだね」 娘「よく分かんないけど、パパが自分で作ってみたら?」 ワイ「いや、ワイはフロントエンドしかできへんから」 ワイ「記事投稿サイトはちょっと、作る自信ないわ」 ワイ「サーバサイドとか、デー

とあるシステム開発会社 ワイ「カタカタカタカタ・・・ッターーン!」 ワイ「よっしゃ、株式会社HogeFugaさんのWebサイト改修、完了や!」 ワイ「ふー、ほなタスクなくなってもうたわ」 ワイ「ワイ、仕事が早いからなぁ〜」 ワイ「すぐにタスクがなくなってしまうわ」 ワイ「なにか次のお仕事がないか、後輩プログラマー君に聞いてみよか」 ワイ「おーい、後輩くん!」 後輩「なんですか、やめ太郎さん?」 ワイ「お仕事なくなってもうたわ」 後輩「分かりました!」 後輩「すみません、ちょっとだけ待っててください!」 後輩「やめ太郎さんでもできそうなタスク、すぐに探しますね!」 ワイ「おう、ありがとうな!」 ワイ「(・・・ん?)」 ワイ「(やめ太郎さんでもできそうなタスク・・・?)」 ワイ「(なんか、ナチュラルに見下しが発生しとるような・・・?)」 ワイ「(いや、気のせいやな!)」 新タスク発生 後輩「や

自己紹介 現在40歳のフロントエンドエンジニア 高校卒業後、31歳までフリーターだったが、そこからITエンジニアに転職した 「良かったこと」の前に 良かったことだけ並べて「みんなも30代からエンジニア転職しよう!」とそそのかしてもよろしくないと思うので、まずは「悪かったこと」から書いていきます。 悪かったこと そもそも転職活動が困難 エンジニアになろうと思って就職活動をしていたころの私のスペックは以下のとおりです。 31歳 高卒 プログラミング歴、独学で1年(HTML・CSS・JavaScript) エンジニア実務未経験 転職サイトで50社ほど手当たり次第に応募しましたが、そもそも書類選考で落ちまくりました。 「〇〇さんのご活躍を心からお祈りします」というお祈りメールばかり届きました。 あまりに祈られ過ぎて「ワイは神なんか?」という妄想を抱くほどでした。 面接してもらえたのは、たった3社だ

ある日、非エンジニアの同僚から学んだこと 今年の5月に、Qiitaの中の人たちと直接会う機会がありました。 (ポッドキャストの収録) 初対面ということもあり、私はなかなか打ち解けられずにモジモジしていました。 しかし、私の同僚の福太郎(本名)1という男は、超ハイテンションで─── 福太郎「初めましてギュン!」 ───と挨拶し、とにかく相手を褒めて、場を温めてくれました。 そのおかげで、いい感じの雰囲気でポッドキャストの収録が進みました。 (しかも、なんとその日の福太郎は謎の頭痛でメチャクチャ体調が悪かったといいます。) コミュニケーション能力の大切さに気づいた ちょっとした振る舞いの違いで、仕事の進み方がこんなに違うんだなぁ、と感じました。 なんというか「感情の因果応報」のようなものを見せつけられた気持ちになりました。 そして「自分も少しは見習わないとなぁ」と思いました。 でも、ワイのよう

ある日の我が家 ワイ「う〜〜〜〜〜ん・・・」 ワイ「うんうんうん・・・」 ワイ「うん!」 ワイ「分からん!」 娘(8歳)「どうしたの、パパ?」 ワイ「おお、娘ちゃん」 ワイ「あのな・・・」 初めて書くタイプのコード ワイ「実は、個人開発の実装で行き詰まっててな」 娘「ふーん」 娘「どう行き詰まってるの?」 ワイ「ちょっと、今まで書いたことないような処理を書かなあかんくて」 ワイ「どうやって実装していいのかイマイチ分からんくて」 ワイ「ググってみても、あんまり情報も見つからんくて」 ワイ「それで、2時間くらい悩んでたんや」 娘「うんうん」 ワイ「でも、けっきょく実装の方針がぜんぜん思い浮かばへんのや・・・」 娘「そういう時は、まず適当に思いつきで書いてみるといいよ」 ワイ「えっ・・・なんで?」 ワイ「事前に策を練った方がええんちゃう?」 娘「ううん、とりあえず適当に書き始めて、失敗すればいい

今年も盛り上がっている Qiita Engineer Festa! Qiita Engineer Festa 2023、大いに盛り上がっていますね・・・! 特に、Organization対抗戦・・・! いろんな企業さんが、必死になって沢山の記事を書いています。 現在のランキングはこちら Organization対抗戦: 総合いいね賞ランキング ※(注記)7月21日 12:35時点のランキングです。 なんと、弊社(株式会社ゆめみ)も2位につけています。 ただ、気になったことが・・・ ワイ「なんか、ワイが記事を書くと・・・」 ワイ「いつも、同僚たちが沢山いいねをくれる・・・」 ワイ「そのおかげで、いつもデイリートレンドに載ることができてる・・・」 ワイ「これって、ちょっとズルくないか?」 ワイ「組織票ってやつとちゃうか・・・?」 調べてみた デイリートレンドの30記事を対象に「同僚からのいいね1が何%

昔、上司に言われた言葉 誰だって「できるだけいい仕事をしたい」と考えています。 その人なりに一生懸命コードを書いてプルリクエストを作っています。 あなたが放つ言葉は、周りの人間の心に影響を与えます。 相手のモチベーションを下げることも上げることもできます。 我々は互いに「環境」なんです。 誰かにとっての良い環境であってください。 フィードバックには信頼関係が大事 その上司は、コードレビューをする際に 以下のようなことを心がけているようです。 「ここを直してください」の前に「ここ、よく考えられてますね」を伝える できていない部分だけにフォーカスしない 「一緒に良いものを作っていこう」という気持ちでフィードバックする でも、急にそんなポジティブ人間になれない そこで、ChatGPTの力を借ります。 ネガティブなフィードバックを、ポジティブに言い換える 良いところを見つけて、褒める 冷たい敬語で

クライアントコンポーネントのお話です。 (サーバーコンポーネントは出て来ません) ある日の我が家 娘「ねぇ、パパ?」 ワイ「なんや、娘ちゃん?」 娘「ハイドって何?」 ワイ「おお、今時の子供はハイドさんのことを知らんのか」 ワイ「L'Arc〜en〜Cielのボーカリストさんやがな」 娘「違う、そっちじゃなくて」 娘「Reactのハイドレーションのほう」 ワイ「ファッ!?」 ワイ「ハイドレーションのことをハイドって呼んでんのかい」 娘「うん」 娘「Next.jsでWebアプリを作っていたら、こんなハイドレーションエラーっていうのが起こっちゃって」 【和訳】 エラー: テキストの内容がサーバーでレンダリングされた HTML と一致しません。 警告: テキストコンテンツが一致しませんでした。サーバー: "6" クライアント "5" ワイ「おお〜」 娘「それで、ハイドレーションって何なのかな?って

使用技術 Vue3 + Nuxt3 Composition API TypeScript ワイ、お問い合わせフォームを作りたい ワイ「Vue の Composition API を使って、お問い合わせフォームを作るで!」 ワイ「フォームのデザインはこんな感じや!」 ワイ「いや〜、我ながらイケてるデザインやな!」 ワイ「ほな、Composition APIを使ってフォームの状態を管理していくで〜」 フォームの状態を管理するには? ref()またはreactive() ワイ「Composition APIの場合、状態を管理するには」 ワイ「ref()またはreactive()を使うんやったな」 ワイ「この2つは何が違うんやろ?」 ワイ「確か───」 ref() 文字列・数値・真偽値などの、プリミティブな値を保持できる reactive() オブジェクト・配列・Map・Setなどの状態を保持でき

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ある日の我が家 娘(7歳)「うぇ〜ん!」 ワイ「ど、どうしたんや!?娘ちゃん」 娘「学校でバカにされたの!」 男子A「お前の父ちゃん、Qiitaに関西弁の変な記事ばっかり書いてやんのw」 男子B「関西型言語なんだってさw」 娘「↑こんな風にからかわれたの・・・」 ワイ「な、なぁにぃ〜〜!?」 ワイ「ちょっとQiitaにクレーム入れてくるわ」 よめ太郎「なんでやねん」 よめ太郎「全てお前のせいやろ」 もうやめて欲しい 娘「パパ、ふざけた関西弁の技術記事を書くの、もうやめてくれない?」 娘「あの、会話形式のやつ」 ワイ「せやな、やめよか・・

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? リモートワーク中ワイ ワイ「あーーー!!!」 ワイ「ストレスが溜まるんじゃ〜〜〜!!!」 ワイ「株式会社ゆめみで働くのは、ストレスが溜まるんじゃ〜〜〜!!!」 娘(7歳)「パパ、どうしたの?」 ワイ「いや、あのな?」 ワイ「パパの会社には、エンジニアが沢山おんねん」 娘「知ってるよ」 娘「社員の大半がエンジニアだもんね」 娘「200人以上いるよね」 ワイ「せやねん」 ワイ「そんで、エンジニアってのは、性格にクセのある奴が多いねん」 娘「へ〜」 娘「それで、何がストレスなの?」 ワイ「あのな?」 ズバズバ物を言うエンジニア ワイ「周囲への

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 前回の記事の続編です。 最近の若者、優秀すぎる問題(再び) 小中学生の頃からプログラミングをやっている そもそも地頭が良い そのうえ、いつもプログラミングのことばかり考えている 最近↑こんな若者をよく見かけます。 すごくプログラミングの才能があって、しかもプログラミングに対する強い執着も持っている。 そんな人、やり続けさえすれば必ず成功するに決まっています。 そこまで素質があるなら後はもう、やり続けるだけだと思います。 しかし、立ちはだかる老害 世の中には、私のような40代へっぽこ老害プログラマーが存在します。 私のような老害が属してい

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近の若者、優秀すぎる問題 最近、優秀な新卒エンジニアさんが本当に多いです。 毎年どんどんレベルが上がっているように感じます。 それによって会社がパワーアップするのは素晴らしいのですが、逆に懸念事項もあります。 小中学生の頃からプログラミングをやっている 地頭も良い プログラミングに対するモチベーションも高い ↑こんな若者が多過ぎて、先輩よりレベルが高かったりします。 そうすると、タイトルのような問題が起きます。 先輩にネガティブフィードバックしづらい問題 私のような、40歳くらいのヘッポコプログラマーが先輩なのです。 そうすると若者た

なかなか退会できないサービスって、嫌ですよね 「何箇所もクリックして、ようやく退会できるサービス」ってユーザー体験よくないですよね。 そういうサイト、たまにあると思います。 ですが今回は、それどころではない「クソの権化」とも言える退会ボタンをTwitter上で見つけました。 そちらをご紹介して行きたいと思います。 どんなボタンか こちらです。 「退会する」ボタンをクリックすると、ボタンが少しずつ割れていき、小さなボタンが中から出てきます。 まるでマトリョーシカです。 そして、何度も何度もクリックさせられた挙句、最終的に退会できたのかイマイチわかりません。 かなり凶悪なUXです。 今回は、このボタンのソースコードを極秘入手1しましたので、以下に記載します。 HTML パカっと割れるようにするために、同じボタンが2つずつあります。 <div class="wrapper"> <div clas

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ある日の我が家 娘「ねぇ、パパ!」 ワイ「おお、なんや?娘ちゃん」 娘「HTMLとCSSでダイアログを作る方法を教えて欲しいの!」 ワイ「おお、ええでぇ」 ワイ「ちょうど今、ワイの個人ブログを作ってるところでな」 ワイ「これからダイアログを作るから、やり方を見せてあげるでぇ」 娘「わ〜い、ありがとう!」 娘「わたし、z-indexがうまく使えなくて困ってたの!」 ワイ「おぉ、パパに任せとき!」 ワイ「パパはz-indexを完全に理解してるからな!」 z-index完全理解ワイ、説明開始 ワイ「今、こんなサイトを作ってるんやけどな?」 ワイ「↑このサイトにダイアログを表示できるようにしたいんや」 「記事の投稿が完了しました。」 ワイ「↑こういうメッセージを表示するためのダイアログや」 娘「なるほどね」 ワイ「ほな、コードを書いていくで」 ワイ「まず、現状のコードは──」 <body> <he

※(注記)この記事はスライドモードでご覧ください 自己紹介 氏名 無職 やめ太郎(本名) 所属 株式会社ゆめみ 役職 フロントエンドエンジニア Qiitaでよく関西弁の会話形式の記事を書いています 〇歳娘「パパ、〇〇ってなぁに?」シリーズ など この発表も、会話形式でおこないます 登場人物 ワイ(やめ太郎) フロントエンドエンジニア ふわせぐ君 後輩のエンジニア 一人芝居 「技術記事って、別に書かなくてもよくないすか?」 ある日、株式会社ゆめみにて ワイ「なぁ、ふわせぐ君」 ふわせぐ「はい、なんすか?」 ワイ「技術記事を書くことって、とっても意味のあることやと思わへん?」 ふわせぐ「そうすか?」 ふわせぐ「そんなに意味あるんすか?」 ワイ「いや、あるがな」 ワイ「プログラミングについて、自分が学んだことを」 ワイ「人に読んでもらうための文章としてまとめあげることになるやん?」 ワイ「そうすると、そ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

今回使った技術 Vue3 Nuxt3(ベータ版) TypeScript ある日の我が家 娘「ねぇ、パパ!」 娘「Vue3の、Composition APIの使い方を教えて!」 ワイ「おお、ええで〜」 ワイ「ほな、試しにこんな感じのページを作っていくで!」 娘「わー、数をカウントできるページなんだ!」 娘「便利そう〜!」 娘「しかも、2倍の数も確認できるんだね!」 ワイ「げへへ、照れるでぇ」 ワイ「ほな、さっそく作っていくで〜」 カウンターを作っていく ワイ「まずは、カウンターの数値が今いくつなのか」 ワイ「その状態管理をせなあかんから」

※(注記)Qiitaのおかげ(?)で転職できた話です。 【22歳】工場勤務ワイ ワイ「毎日毎日、接着剤で部品をくっつけるのしんどいな・・・」 ワイ「ワイ、作業が遅すぎて先輩に嫌われてるし・・・」 ワイ「転職したいな・・・」 ワイ「プログラマーってカッコええな・・・」 ワイ「よっしゃ、C言語ってやつの本を買って、勉強してみよか・・・!」 C言語の勉強開始 ワイ「さっそく本を読んでいくで」 ワイ「変数・・・関数・・・なるほどな」 ワイ「オモロイやんけ」 翌日 ワイ「よっしゃ、黒い画面(コマンドプロンプト)で動く、足し算プログラムができたで!」 一週間後 ワイ「・・・来る日も来る日も、黒い画面ばっかりや!」 ワイ「いつになったら、デスクトップアプリみたいなのを作れるようになんねん!」 結果 一週間で挫折しました。 【23歳】無職ワイ ワイ「工場がなくなって、無職になってもうたわ」 ワイ「ほな、職業訓練校

とある休日 ワイ「あー、今日はヒマやな〜」 ワイ「ヒマやから、メールチェックでもしよか」 ワイ「パソコンでメールを受信して・・・っと」 ワイ「わ〜、また迷惑メールたくさん来とるわ〜」 娘「パパ、迷惑メールって何?」 ワイ「そのまんまや」 ワイ「迷惑なメールことや」 娘「迷惑な・・・メール・・・」 娘「・・・あっ!」 娘「もしかして、パパみたいな男の人のこと!?」 ワイ「そうそう、もう存在そのものが迷惑な男性やから・・・コラッ!」 ワイ「誰が迷惑maleやねん」 娘「そんなことよりパパ」 ワイ「なんや、娘ちゃん」 ここから本題 娘「この前、私が日記を書くための個人ブログのサイトを作ったんだけどね」 娘「Next.jsを使って、SPAとして作ったの」 ワイ「ほうほう、シングルページアプリケーションやな」 娘「うん、それでね」 娘「CSRしてたところを、SGするように変えたら」 娘「サイトにアク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ※(注記)実話を基にしたフィクションです。 IT系コールセンター勤務時代ワイ 電話機「プルルルル・・・」 ワイ「おっ、お客様からお電話や!」 ワイ「簡単なお問い合わせだとええな・・・」 ワイ「ガチャッ(受話器を取る音)」 ワイ「お電話ありがとうございます!」 ワイ「インターネットプロバイダNEMUMIでございます」 お客様「あ、あの、ネムミさんですか?」 ワイ「はい、NEMUMIのやめ太郎と申します」 ワイ「本日はどういったお問い合わせでしょうか」 お客様「わしはネムミさんのサービスを使っとってな」 お客様「インターネットとメールのサービスを契

※(注記)Reactを使っている前提です。 ※(注記)タグっていうか要素やね。 リモートワーク中ワイ ワイ「さてと、今日もお仕事開始や」 ワイ「Webサイトを作っていくで」 ワイ「ほな、デザインデータを見ながらコーディングしていこか」 ワイ「どれどれ」 デザインデータ ワイ「↑どうやら、この番号付きリストが」 ワイ「色んなページで登場するみたいやな」 ワイ「ほな、使いまわせるようにコンポーネント化しておこか」 コンポーネントを作る ワイ「HTMLのタグとしては」 <ol> <li> <p>〇〇する。</p> </li> <li> <p>△しろさんかく△しろさんかくする。</p> </li> <li> <p>□しろいしかく□しろいしかくする。</p> <p>その際、■しかく■しかくに注意すること。</p> </li> </ol> ワイ「↑こんな感じのマークアップになりそうや」 ワイ「せやから」 ワイ「olタグにデザインを反映させたOrderedListコンポーネント