未経験からエンジニアになり3年が経ちました。 この3年間はベテランエンジニアとの差を埋めるべく、プライベートの時間の大半を学習に充ててきました。幸い少しずつ成長を感じられ、業務では難易度の高い仕事を任せてもらえるようになったと感じます。このキャッチアップのために100冊以上の技術関連書籍を読んだことでしょう。 ここ最近、知人やTwitter経由で知り合った方から、私が学習に使った書籍について質問を頂くことが多いです。そこで、今後参照していただきやすいように、これまで私が読んで良かった書籍を1つの記事にまとめようと思います。 前提：エンジニアとして経験した技術 書籍について 全エンジニア向け Web / インターネット イラスト図解式 この一冊で全部わかるWeb技術の基本 (★) HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 (★) Webを支える技術 -HTTP、URI
【シェフ考案】チキン南蛮の作り方。衣はザクザク、肉はジューシー！ 甘酢、タルタルレシピも必見です | 三越伊勢丹の食メディア | FOODIE（フーディー）
チキン南蛮とは、卵を衣にして揚げた鶏肉を甘酢だれに漬け、タルタルソースをかけて食す、宮崎県の郷土料理。今回、そんなチキン南蛮を「大人好み」の味わいにプロがアレンジして紹介します。教えてくれたのは、伊勢丹新宿店＜キッチンステージ＞の柬理美宏シェフです。 「本場のチキン南蛮は、揚げた鶏肉を甘酢だれに浸してしっとりした食感を楽しみます。一方、今回ご紹介する私のオリジナルのチキン南蛮レシピでは、甘酢だれをトロッと煮詰め、揚げた鶏肉にかけるスタイルなので、衣のザクッとした食感が楽しめます。ごはんのおかずとしてだけでなく、酒の肴としてもおすすめの一品です」 甘酢だれやタルタルソースの作り方にも、知らなかったプロのテクニックが満載というから気になります！ シェフ考案のこだわりポイントとともに詳しく教えてもらいましょう。 チキン南蛮にも！ 揚げ物ができるフライパンはこちら＞＞ 大人好みのザクザク食感！ シ
ただプログラムが好きな会社員が、趣味でゲームを作り始めたら5年続いてNintendo Switchに3本ゲームを出していた話。Switch版『レイジングブラスターズ』発売記念インタビュー - ゲームキャスト
「俺の考えた理想のゲームを世に問いたい！」 インディーゲーム開発者の話を聞いていると、大抵は作りたいゲームがあって、業界に身を投じている。 しかし、「プログラムで物を作るのが楽しいから、ゲームを作ってみるか」と、理想のゲーム像がないところから業界に入り、5年で Nintendo Switch で3作もゲームを出すに至った珍しい開発者がいる。 2021年6月24日に『レイジングブラスターズ』を Nintendo Switch 向けにリリースした Terarin さんだ。 今回、新作発売記念でゲーム開発を始めたきっかけから、Nintendo Switch でゲームを出すまで、世にも奇妙な経緯を聞けたので、皆さんにお届けする。 正直、インタビューを通じてこんなに「独特だな」と思えた人は私の経験からしても少ない。 ゲーキャス： Terarin さんは、初めてゲームを出してから5年で Nintend
任天堂株主総会レポート2022
2013年から毎年行っている任天堂株主総会だが、2020年と2021年は任天堂から「コロナ感染対策でなるべく来ないでくれると嬉しいな」というニュアンスのお達しが出ていたので行くのを断念した。 そして今年も任天堂は「できれば来ないでね」というオーラを醸し出していた。だがしかし、2022年10月に1株を10株に分割するという話が出ており、株主になるための金銭的ハードルが一気に1/10になるため「2023年の株主総会はめちゃくちゃ参加者増えるのでは」「任天堂社内の大会議室ではなく別の会場になるのでは」「質疑応答で指名される確率がめっちゃ下がるのでは」という不安があり、今年は行くことにした。 というわけで、3年ぶり8回目の任天堂株主総会である。 ※ワクチン接種3回行っております。十分な感染症対策を行い株主総会に参加しております。 めちゃくちゃ暑い。夏か？ 午前6時に博多駅からのぞみカード(サイコロ
子供に場所法を教えたら趣味「暗記」になった
小さい子に教えるならそれとわからず ゲームのように教えるのがいい。 風呂場で遊んでみたんだよね。 「大きくてとってもおいしいりんごを1つ想像してここに置いてくれる？」 「明日の朝、なにをお風呂場に置いてたか覚えてたらお菓子あげる」 これが場所法。暗記の王道テクニック。なるべく面白い想像するのが暗記するコツ。正解したらお菓子をあげてた。だんだん難しくしていって、最後は10個覚えさせてご褒美。これでちょくちょくお出かけした先、自宅で遊びながら暗記の達人になってもらった。どんな想像するのか楽しいし、あたったらもっとうれしい。楽しいから頑張るし、がんばるから上手くなる。 これ自分が子供の頃覚えたかった。 いまじゃ暗記科目ばーっと覚えてテスト上位。無双してやがる。
哲学者の東浩紀さんと思想史と近代科学史(特にコンピュータ史)の本を一緒に書いてみようという企画が今年から立ち上がった。 すると東さんがある日の生放送で、「しかし俺も最低限プログラムくらいかける必要があるんじゃないか。しかし最低限のプログラムとは何か」と言っていたところ、シラスの桂さんが「エラトステネスの篩ふるいとかですかねえ」と言っていて、もうエラトステネスと聞いたら黙ってはいられない吾輩が怒涛の勢いで生放送したところ、東さんが一番乗りで入ってきてくれたのでその場でライブコーディングしながらプログラムの書き方を簡単に教えることにした。 https://shirasu.io/t/zelpm/c/shi3zlab/p/20240105163405 プログラミング言語習得のコツプログラミング言語は、言語であるため、マニュアルを頭からお尻まで読んで内容を暗記するよりも、「これってどうやんの?」「こ
プログラミング上達したいんだったら、四の五の言わずに、 ・クリーンアーキテクチャ ・レガシーコード改善ガイド ・アジャイル・サムライ ・リファクタリング 系のどれか を、全部最低5回読み返して欲しい。それでプログラマとしては圧倒的に成長できるんだから、マジで読んで — Next.js + Hasura 最速プロトタイピング本 @技術書典9 出す予定 (@erukiti) July 27, 2020 先日、こういうツイートをしたらバズってしまいまして。これらの本を理解できるまで読みこめばプログラマとして成長できますよーというもので、 ・ クリーンアーキテクチャ ・ レガシーコード改善ガイド ・ アジャイルサムライ ・ リファクタリング 系のどれか（例えばリファクタリング第二版） の4冊を挙げました。いろいろな人の感想を読んで、補足が必要そうだなと思ったので記事として書きなおしています。 この
仙台のすごいキャッチ
仕事の関係で、しばらく仙台に来ている。会社の手配したホテルに滞在しているのだが、出張先とホテルの位置関係上、どうしても国分町という仙台における歌舞伎町のような繁華街を通らざるを得ない。このご時世あまりそういった場所へ近づきたくないということもあり必ずしも快く思っていなかたのだが、足早にホテルへ帰ろうとする私に声をかけてくる有象無象のキャッチのなかで、ひとりだけ異彩を放っている男がいることにある日気がついた。 だいたいキャッチというものは「キャバクラいかがっすか」「さ、居酒屋の、ご利用は」「お店お探しですか」の３パターンしかボイスの収録がされていないものと思っていたが、その男だけはそれらの聞き馴染んだセリフが一切なく、あまりに独特の語彙、それも妙にかっこいいコピーライティングのような文句でキャッチ行為を行っているのである。この数週間ほぼ毎日のように彼の慧句を聞いてきた中で、とくに印象に残って
The Gopher character is based on the Go mascot designed by Renée French. はじめにTIG DXユニット 1の真野です。 コードレビューについては3,4年ほど前に、コードレビューにおけるレビュアー側のアンチパターン って記事を書いたりもしました。当時はレビュアーの伝え方って大事だよなって話をしてました。いつしかレビュイーからレビュアーに比重が変わることが増えてきました。相互レビューは当たり前にしていますがが、比較的こうしたらもっと良くなるんじゃないかな？と提案される回数より、自分が提案する回数の方が増えてくるタイミングってありますよね？ そういうわけで、最近Goで主にバックエンドのWebAPIや、AWS Lambdaで動くETLアプリ、たまにCLIツールを開発する時に、2回以上同じ指摘したコメントをまとめてます。Go言語
男性から見た不妊治療〜育児
2023年の年の瀬に妻が出産した。 結婚してから数年経っていたが子宝に恵まれず、不妊治療の末の体外受精での妊娠だった。 また、出産も難航し、最終的には予定日から1週すぎてからの帝王切開での出産となった。 自分自身、特別に子供が好きと言うわけでもなかったけれど、「この世に生を受けたからには(可能な限り)子孫は残すべき」という思想があるので、子供ができたのはとても嬉しい。 2人目は経済的に難しいかなと考えているので人口増には貢献できないのだが。まあそれはしょうがない。 妊娠〜子育て(まだ1ヶ月も経っていないが)を経て、思うところが多々あったのでここに書き残そうと思う。 なお、自分で言うのもなんだが、俺はそれなりに妊活〜子育てまで妻をサポートまたは主体的に取り組んでいた方だと思う。 妊活期数年間自然妊娠がなかったので不妊治療を開始した。 はじめに夫婦それぞれの検査をして、数値としては問題がなかっ
CSSの単位px、em、remは、どれをどこで使用するのがよいか。 font-sizeの値にはどの単位を使用していますか？ ほかにもメディアクエリを定義する時、マージンを定義する時、widthやheightを定義する時、使用する単位はアクセシビリティに配慮する必要があります。 The Surprising Truth About Pixels and Accessibility by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSでpxとemとemの各単位がどのように機能するか アクセシビリティに関する考慮事項 どの単位をどこで使用すればよいのか どの単位がベストなのかが明らかでない場合 簡単にできる小技とメンタルモデル ボーナス: remを使用すると便利なテクニック はじめに C
学生時代に友達と3人で深夜にドライブしていたときに起きた事件だけど。 ドライブの途中から後部座席でずーっと爆睡していた俺がふと目覚めると、根っからの車オタクのB君が運転初心者のA君に対して助手席からなにやら怒っていた。 「120出せ！！いいから出せよなにやってんだよ！！」 「制限速度50キロだぞ！」 とＡ君がイライラしながら返すとＢ君は 「バカお前、こんな夜中の幹線道路じゃ飛ばすのが当たり前なんだよ。せめて100出せ！！周りに迷惑するから！！」 と呆れて言った。 真に受けたＡ君がアクセルを踏み込み100くらい出したら、真後ろについて走ってたシャコタンのヤン車がすぐさまＦ１グランプリみたいな挙動で僕らの車をぶち抜き一瞬で真ん前を陣取って急ブレーキを踏んできた。 続けてそのヤン車がかっ飛ばして遠く先へ行ってしまったかと思うと、今度は真っ赤なブレーキランプを凄い速さで点滅させて急減速し、僕らを追
国民的支持を得ているアニメ制作会社スタジオジブリ。その初の映画作品である『天空の城ラピュタ』は特に人気が高いように思う。実際、再放送のたびに老若男女問わず多くの人々が沸き立っている。日本を代表するアニメ映画と表しても過言ではないだろう。 だがしかし、驚くべきことに私（西本）はそんな『ラピュタ』を観たことがない。30年間生きてきて今まで1度もである。さすがにそろそろ観ておかねばと焦燥感が募り始めていたのだが、先日、折よく再放送があったのでようやく初視聴にこぎつけることができた。そして私は、『ラピュタ』を通じて深い絶望を味わうことになったのだ。 ・ジブリと自分 本題に移る前に、「どのジブリ映画なら観たことあるの？」と思われた方もいるかもしれないので、一応私のジブリ遍歴を記しておこう。鑑賞済みの作品は以下の通りだ。 『となりのトトロ』 以上である。実を言うと『トトロ』のみなのである。「ジブリあん
『マリオカート 64』のルイージサーキットが“21秒で3周”され世界記録樹立。ひたすら壁に当たり続けた男たちの叡智と狂気 - AUTOMATON
『マリオカート 64』において、ルイージサーキット3ラップタイムアタックの世界記録が生まれた。そのタイムは、わずか21秒04。参考までに述べておくと、同コースのスタッフゴーストのタイムは1分29秒670だ。当然この世界記録が、一種のグリッチを利用したものであることは明らかである。しかしそのレコードを“ズル”だといなす人は、おそらくいない。なぜならその背後には、“マリオカート物理学”ともいうべき膨大な知恵と経験の系譜が連なっているからだ。 まず百聞は一見にしかず、問題の世界記録達成の映像を見てみよう。記録を打ち立てたのはabney317ことBeck Abney氏。すでに界隈で数々の記録を打ち立てた熟練のスピードラン走者だ。映像を観るとすぐ、Abney氏がろくにコースを“走っていない”ことがわかるだろう。やっていることはというと、スタート地点近くの壁に繰り返し体当たりしている。そして不思議なこ
はじめに 転職活動の結果 希望したポジション 転職のために使用した採用媒体 転職ドラフト YOURTRUST 今回の転職活動での気付き Coding testは対策が必須である System design interviewも準備しておいた方がいいが業務経験があればそこまでビビる必要はない 6社同時に受けると毎日のように面接がある 希望年収は自分に嘘をつかずに伝えた方が良い マネージャーやリーダーの経験がないと判断されるとマイナス評価につながる会社が存在する 自分の評価は企業によって差が大きい おわりに はじめに 2021年10月から2022年2月にかけて転職活動をしていた． 今回の転職ではいつもと違い10社近くのカジュアル面談を受け6社に応募した． また，珍しく採用に関するwebサービスを使用したり，初めてCoding test対策を行ったりもした．その雑感をまとめておく． 転職活動の結
この記事はComplete Guide to React Rendering Behaviorの翻訳記事になっています。 ご本人(Markさん)にも許可を頂いて翻訳しております。 こちらの記事がReactのレンダリングを理解する上で今までで一番体系的で一番分かりやすかったので、ぜひ紹介したく翻訳させて頂きました。 翻訳ツールにもたくさん助けてもらいながら行い、意訳が出来ていない部分が多々あるかと思いますので修正依頼を出して頂けると幸いです！ Twitterでも、フロントエンドに関する事や、アメリカでのエンジニア経験に関してツイートしているので、よかったらフォローお願いします。 Twitter: @hellokenta_ja 下記から本文です。 Complete Guide to React Rendering Behavior この記事は、Reactレンダリングがどのように振る舞うか、Co
Help us understand the problem. What is going on with this article? このエントリはCompetitive Programming (1) Advent Calendar 2019 4日目のエントリで、バーチャル幼女プログラマーきりみんちゃんが書いています。 きりみんちゃんはVTuberとしてAtCoderの過去問を解く配信をしたりしています。 競プロ、しっていますか？ さて、みなさんは競技プログラミング/プログラミングコンテストというものをご存知でしょうか。 かなり昔から行われているものではあるので、存在は知っているという方が多いかもしれません。 競技プログラミングをざっくり説明すると、期待される入力と出力が定義された問題が出題され、それをコーディングによって解き用意された自動テストを通すまでの速度などを競うコンテストです
2020年、知っておくと便利なCSSのプロパティのまとめ
ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。 一昔前まではJavaScriptでないと実装できなかったもの、CSS Gridでの中央揃え、Flexboxでの中央揃え、リストのカラーを変更する方法、アイコンの横並び、タイル状の背景をいい感じに配置など、実践的なテクニックが満載です。 Uncommon CSS Properties by Ahmad Shadeed はじめに CSS Gridでの中央揃え place-itemsプロパティ Flexboxと古き良きmargin: auto; あまり知られていない::marker疑似要素 text-alignプロパティ display: inline-flex;プロパティ column-ruleプロパティ background-repeat: roun
はじめに 今回の記事では、プログラマー向けに私が学習や開発で必ず登録するべきYouTubeチャンネルを紹介する。今回の記事では主に以下の属性の人を読者の対象とする。 プログラミング初心者 YouTubeをプログラミング学習や開発に活用したいプログラマー 実務でPython、TypeScript(JavaScript)やDart(Flutter)を活用しているプログラマー 開発に役立つ情報を探しているプログラマー 数多くのプログラミング言語・フレームワークを扱っている、初心者向け freeCodeCamp.org 世界最大規模のプログラミングメディアであるfreeCodeCampの公式YouTubeチャンネル。数多くの言語やフレームワーク、ライブラリの基礎知識だけではなく、ライブコーディング形式で簡単なアプリケーションの開発手順も徹底解説されている。本記事で紹介するYouTubeチャンネルの
JP Contents Hub
AWS 日本語ハンズオン Amazon Web Services(AWS) の 日本語ハンズオンやワークショップを、カテゴリごとにまとめています。 右側の目次や、ヘッダー部分の検索ボックスから、各コンテンツにたどり着けます。 また、Ctrl + F や command + F を使ったページ内検索もご活用いただけます。 料金について ハンズオンで作成した AWS リソースは通常の料金が発生します。作成したリソースの削除を忘れずにお願いします。 もし忘れてしまうと、想定外の料金が発生する可能性があります。 画面の差異について ハンズオンで紹介されている手順と、実際の操作方法に差異がある場合があります。 AWS は随時アップデートされており、タイミングによってはハンズオンコンテンツが追いついていない事もあります。 差異がある場合、AWS Document などを活用しながら進めて頂けますと幸い
※ 一部ガイドラインに反する内容がありましたので、該当箇所を修正のうえ再投稿しております。 はじめに Axross は、エンジニアの"教育"と"実務"のギャップに着目し、「学んだが活用できない人を減らしたい」という想いで、ソフトバンク社内起業制度にて立ち上げたサービスです。 現役エンジニアによる実践ノウハウが"レシピ"として教材化されており、実際に動くものを作りながら、具体的な目的・テーマをもってプログラミングを学ぶことができます。 今回は、Axross運営が厳選した『AI・Python活用レシピを100選』をご紹介します。是非、みなさまのAIやPython学習の参考にしてみてください。 Axross：https://axross-recipe.com 公式Twitter：https://twitter.com/Axross_SBiv 基礎 スクレイピング 01 . JUMPの掲載順をスク
今回のコラムでは、最近noteで公開されたChatGPTのハック術を紹介しています。特に話題になっている記事を10個ピックアップしました。 ChatGPTの基本的な使い方から仕事で使える活用方法まで理解できる内容です。 この記事を読めば、ChatGPTの多様な使い方がわかり、仕事や日常生活における活用のビジョンが明確になります。 最後まで読んだ方は、ChatGPTの機能を最大限使えるようになり、仕事の効率を大幅に向上させる方法を理解できるでしょう。 なお弊社では、生成AIツール開発についての無料相談を承っています。こちらからお気軽にご相談ください。 →無料相談で話を聞いてみる 【極意】効果的なChatGPTの3つの活用方法！ 当記事ではChatGPTの効果的な使い方を詳しく紹介していきます。特にAIをまだ十分に活用できていない方には、参考になるはずです。 この記事で紹介するのは、ChatG
アンガーマネジメントのことを 「まず6秒間我慢する。そうすれば怒りが収まるので、その後冷静に対応すること」 みたいな感じで理解してて、 「6秒我慢しても怒りなんか収まらねえよ」 とか言ってるバカが世の中に多すぎる。 あのな、アンガーマネジメントにおいて「怒り」とは「二次感情」と定義されるんだよ。 二次ってことは一次感情があって、「悲しい」、「不安」、「苦しい」、「後悔」、「困惑」、「恐怖」……こうした一次感情が積み重なって怒りという感情が発露される。 アンガーマネジメントとは、誰か・何かに怒りをぶつけてしまいそうになった時に、6秒間自分を落ち着かせて、そしてちょっとだけ冷静になった頭で怒りという二次感情の原因となった一次感情は何なんだと自己分析しろということ。 ※6秒ってのも目安であって別に多くても少なくてもいい ※我慢するのと自分を落ち着かせるのとは当たり前に違う 例えば、仕事において部
先日、グーグルが飲食店検索で初のトップにという記事を見かけて、Google Mapsがどうやってレビュー情報を集めてきたのか、過去に書いた考察記事を公開しました。 UXリサーチ目的で、普段からデザインアップデート記録を残しているんだけど、Google Mapsのレビュー機能は2016年から頻度高く使ってきたので、実体験とコンテンツを増やしてきたのか考察をまとめた内容です。 Google Mapsのレビューを始めたキッカケ最初にレビューを投稿したのは2016年で、旅行前にGoogle Mapsで行きたい場所やお店を保存して、現地に行った時になんとなく写真と口コミを投稿したのがキッカケ。 初回投稿後にレビューを促進するコンテンツがメールで届くようになった当時Google Mapsのレビューはまだ認知度が低くメールのタイトルも実験中の雰囲気があった。特典という言葉に釣られてローカルガイドに参加し
子どもにかこつけて、趣味に走った話を書きます。 早いもので、親になって12年ばかり経ちました。 干支が一周してしまった訳で、冷静に考えると結構な期間です。 しんざき家は5人家族でして、私、妻、長男小学六年生、長女次女は小学二年生の双子というパーティ編成です。 幸いにして、今のところ皆健康に、のびのび育ってくれていると思っておりまして、親子でゲームを遊んだり、一緒に本を読んで感想を言い合ったり、散らかったリビングを片付ける片付けないで熾烈なバトルをしたりしています。 端的に言って、親子生活超楽しいです。 長男は電車好き、謎解き好き、ボルダリング好き少年でして、私から見てもなかなか人生楽しんでいるなーと思っていたのですが、彼はテレビゲームも大好きです。 父親である私をゲーム仲間と見なしているところがありまして、私が遊んでいるゲームは大体自分も遊びたがりますし、「これちょっと難しいかな…」と私が
個人的なJavaScriptの情報収集の方法についてまとめてみます。 JSer.infoなどをやっているので、JavaScriptの情報については色々な情報源を見るようにしています。 JSer.infoの範囲の中での情報源については、次の記事でまとめています。 JSer.info 13周年: JavaScriptの情報源を整理する - JSer.info この記事では、少しスコープを広げてJavaScriptの情報収集についてまとめてみます。 かなりスコープが広がってしまうので、万人向けの方法ではなく、個人的な情報収集方法としてまとめています。 この記事では、膨大な情報の中から見つけるというアプローチをとっているので、人によって向き不向きがあると思います。 情報収集の方法 情報の元となる情報源はさまざまなサイトや人になると思います。 しかし、そのサイトや人ごとに見ていくというのはかなり大変
DALL-E3を実装日からほぼ毎日使用し面白さにとりつかれています。何となくで触っているため, いまいち思った画像が出来ないことも多々ありましたので今回まじめに作成法を勉強してみました。初級編と名前がついているのは高等テクニックを教えるほどの技術がないだけで後に上級編が控えているという意味ではないです。 0. はじめに DALL-E とはシンプルなテキストのみで画像がつくれるAIです。 簡単なテキストのみで画像生成語源は『ウォーリー探せ』と芸術家の『ダリ』から来ているみたいです。ウィーリーはある種の「探し物」をする, userが提示するテキストのプロンプトから隠された要素やまだ見ぬ画像を「探し出し」生成することらしいです。 ウォーリーをインスパイアした少年1. 問題点, 主に著作権やはり何と言っても著作権問題ではないでしょうか。現在法整備が進行しているところです。OpenAIはコンテンツポ
はじめに - Rustで始める自作組込みOS入門
この本は組込みシステムやOSのような低レイヤーシステムの開発経験がないプログラマーのような人が、自作OSをはじめるため解説本です。 著者自身、本職はウェブプログラマーですが、趣味で組込みOSの自作をしています。この本はそのノウハウ集のようなものです。 このような低レイヤーシステムはC言語で開発されることが多いのですが、今回はRustを使います。 RustはC言語と比較して、様々なモダンな機能やツール郡を取り揃えている上に、C言語の長所である直接のメモリ制御ができ、パフォーマンスも高いとして組込みシステム開発でつかえるとして注目されています。 Rustそのもの解説は控えめですが、低レイヤーシステム開発特有のテクニックは必要に応じて解説します。 想定読者 ある程度はプログラミング経験があることを前提としています。 また、レジスタやメモリなどコンピュータアーキテクチャに関する基礎用語の説明もちゃ
以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You can create these elements without JavaScript by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブ対応のテキスト省略 スター レイティング ツールチップ・ドロップダウンメニュー モーダル フロートするラベル アコーディオン・トグル 終わりに はじめに スマホやWeb
最近また小人プロレスの話がよく出てくるので、ここでもまとめておきたいと思います。 よくある都市伝説 かつて低身長症の選手だけで組織された小人プロレス団体があり、テレビでも放送され人気を博していた。しかし人権団体が「身体障害者を見世物にするとは何事か」とクレームをつけ、テレビ放送は禁止となり、興行も取り締まられて団体は解散、レスラーたちは全員失業し困窮した。元レスラーは「人権団体のやつらは、俺たちの仕事を奪ったが替わりの仕事はくれなかった」と涙ながらに訴えたが、人権団体は彼らを無視して、小人プロレスを潰した実績を誇示しつつ、次の獲物（※主に女性の性的魅力を前面に押し出したコンテンツがここに入る）を狙っている。 実際はどうか 小人プロレスは全日本女子プロレスのいち部門として前座で開催され、メディアで取り上げられることは少ないが試合はずっと行われていた。全日本女子プロレスの倒産により試合の機会は
これからの人生は長く変化に富んだものとなる。 どうしたら変化に適応し、充実した人生を送れるのか。 その答えは着せ替え人形にある。 オタクで優しいギャルと出会う 2022年冬アニメで、最もこれからの社会を表しているのは『その着せ替え人形は恋をする』だろう。 #1 自分とは真逆の世界で生きている人 Amazon TVアニメ「その着せ替え人形は恋をする」公式サイト 本作は、雛人形職人を目指している内気な男子高校生が、オタクで優しいギャルと出会ったことをきっかけに、コスプレ衣装の制作に関わっていく物語である。 なぜ本作がこれからの社会を表現していると言えるのか。それは、「長寿化」と「テクノロジーの進化」が進むこれからの世界において、どのようにキャリアを積めばいいかを示しているからである。 祖父の時代とは違う 主人公の五条新菜には夢がある。それは唯一の同居人であり師でもある祖父と同じように、雛人形の
ドメイン駆動設計の正体
はじめに "ドメイン駆動設計は当たり前のことを言っているだけ" "ドメイン駆動設計はただのオブジェクト指向プログラミング" "ドメイン駆動設計はより良いアーキテクチャだ" "軽量DDDはアンチパターンだ" このようなドメイン駆動設計に関する言及を聞いたことがあるでしょうか？ ドメイン駆動設計に言及する記事や書籍は多くありますが、それぞれ着目する側面が異なったり色々なコンテキストから言及されています。 おそらくそれが原因でドメイン駆動設計が何であるかをぼやけさせ、正体のわかりにくい概念になっているように思えます。 そこで今回は色々な観点から整理し、ドメイン駆動設計とは何であるのか、その正体を考えていきます。 ドメイン駆動設計の基本的概念について ドメイン駆動設計はEric Evansが出版した「Domain-Driven Design」という書籍がルーツになっています。 ドメイン駆動設計を一
89歳のおばあちゃんのお金を管理して分かった、老後の生活でお金よりも必要なもの｜tayorini by LIFULL介護
89歳のおばあちゃんのお金を管理して分かった、老後の生活でお金よりも必要なもの #老いの準備お金 公開日 | 2021/06/18 更新日 | 2023/01/26 らくからちゃ こんにちは、らくからちゃです。 普段は「ゆとりずむ」というブログにて、お金や働き方などに関する統計データを眺めながら、つつましく生きていく中で気がついたことを書かせていただいております。 コロナ禍で皆様どうお過ごしでしょうか。どこにも遊びに行けないどころか、離れて暮らす家族にも長期間会えず、元気にやれているんだろうかと不安に思っている人も多いのではないでしょうか。 特にご高齢の家族のいる方は、健康のことはもちろん、お金のことについても心配に感じている人も多いでしょう。 家族の間であっても、いや家族だからこそ、お金の話はつい言い出しにくいもの。ですが、高齢者が健康で楽しく過ごすためには避けて通れない話です。 私自身
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
家事って適当で良いんじゃなかったのかよ
【追記】 疲れとストレスからかきたいことを書き殴っただけとなり、かなり分かりづらい文章になってしまい申し訳ない。こんなに支離滅裂な文章を読んでくれたことに感謝する。 働き方についてだが、二人とも完全在宅のフリーランスなんだ。開業届を出しているから個人事業主と言ったほうが良いかもしれない。 職種も稼ぎも全く違い、妻である私の方が稼ぎは低いし求められるレベルも低い。 私は正社員として働いていた頃より稼いでいるものの、夫の足元にも及ばない。 勤務時間という概念はないが、夫より私の方が仕事に費やす時間が短いのは事実であり、仕事の難易度的にも私の方が負担が少ない。 だから夫婦ともに在宅だが、私が家事全般を引き受けている、というのが正確なところだ。 仕事と家事の両立が辛くて夫の方が稼ぎが良いなら、妻の私は仕事を辞めて家事に専念するべきなのかもしれないな。 みんな読んでくれてありがとう。意見をくれてあり
リリースノート管理術
みなさま、OSSの変更履歴、要するにCHANGELOGやリリースノートはどのように管理しておられるでしょうか。自分はというと、抱えるリポジトリも数百個に増えてきて、まあ要するに細かく管理するのがだるく、最近は変更履歴の管理方法も変わってきました。 CHANGELOGからGitHub Releasesへ 昔は、おおよそKeep a changelogの方式に準拠したCHANGELOG.mdを書いていました。semantic versioningでバージョン管理をしながら、個々のバージョンごとに次のセクションを設けて変更内容を説明するような感じです。 Added Changed Deprecated Fixed Removed Security 今は、新規につくるリポジトリではCHANGELOG.mdは用意せず、GitHub ReleasesにKeep a changelogに似た形式で変更内
Googleに入社します｜ばやしこ
こんにちは。ばやしこと申します。 2022年7月より、Googleでソフトウェアエンジニアとして働くことになりました。 アメリカのTexas A&M大学のMaster of Computer Scienceを今年の5月に無事卒業し、卒業後の職としてGoogleからフルタイムのオファーを頂くことができました。 今後Googleを目指す方の助けになればと思い、Googleからオファーをもらうまで自分がどんな勉強や対策をしていたかについて、書かせていただきます。 また、留学に至るまでの流れはこちらの記事を読んでいただければと思います。 (入社予定のDurham, NCオフィス) はじめにこちらは私の体験をもとに書いている記事です。諸々の条件が異なれば、面接の構成や対策も大きく異なります。例えばシニア以上（GoogleだとL5以上、MetaだとE5以上。私はL4でオファーをもらいました）でのポジシ
エンジニアに読んで欲しい技術書90選 - Qiita
はじめに タイトル通り、読んで欲しい（圧）技術書をたくさん集めてみました。自身の担当から外れる領域に関しては、会社の人に協力を仰ぎ、編集しました。「何を読めばいいかわからない」、「次の読む本を探したい」などのように考えている方の参考になればと思います。 また、大きく、 ・新米エンジニア ・脱新米エンジニア と分けてまとめたので、参考にしてみてください。 技術書のススメ 技術書の紹介の前に、技術書で得られるものについて説明したいと思います。全然読み飛ばしてもらって大丈夫です。この章から本の紹介を行なっていきます。 技術書は体系的な構成となっているため、技術書を読むことで、 ・論理的な思考力が身に付く ・技術の歴史・背景を知れる ・技術の知識、手法を学べる これらを学ぶことができます。論理的な思考力、知識はわかるけど、技術の歴史・背景を知ってどうするんだと思う方もいるかもしれません。しかし、歴
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニア3年目までに読んで良かった書籍 - Yuki Watanabe's Blog
プログラミングの超基本的な考え方をド文系の人に説明した動画｜shi3z
プログラミング上達したい人に繰り返し読んで欲しい4冊改訂版｜erukiti
GoでWebアプリ開発時にあるあるだったレビューコメント | フューチャー技術ブログ
CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相
酷い目に遭わされたときにその場で暴れたり大揉めできるタイプの人が羨ましい。憧れすら抱く
三十路の男が初めて「ラピュタ」を視聴した結果、深い絶望を味わうことになった
今回の転職活動の雑感 - seri::diary
Reactのレンダリングに関する完全ガイド - Qiita
数学得意じゃない系の社会人エンジニアに競プロとAtCoderを全力で布教したい。あるいは競プロのよくある誤解と楽しむコツ - Qiita
【必見】プログラマーが学習・開発で絶対に登録するべきYouTubeチャンネル まとめ
AI・Python活用レシピ100選 - Qiita
【Mac Info】 「Mac使用中の遅さ」を解消する“正しい”高速化テクニック
ChatGPTはこう使え！AIのプロたちが伝授するヤバい使い方10選 | WEEL
だからお前らは本当にアンガーマネジメントのことがわかってないな
Google Mapsがレビュー数を伸ばすための取り組みとサービスデザイン考察記事｜坪田 朋
信長の野望から「戦力の集中運用」やら「相場」やらをいろいろ学んでいた長男の話。
私のJavaScriptの情報収集法 2024年版
DALL-E3 (ダリスリー) の無料教科書:初級編｜プチpony
HTMLとCSSも進化している！JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ
小人プロレスと都市伝説 - 男の魂に火をつけろ！ ～はてブロ地獄変～
その着せ替え人形でシフトする - 本しゃぶり
画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
Excelを使って複数のフォルダーを一括作成するウラ技 ～月別フォルダー作成が捗る！【残業を減らす！Officeテクニック】
