CyberZ CTO室のメンバーの森 (@at_sushi_at) です。 先日、株式会社サイバーエージェントの2021年度 エンジニア新卒研修でコードの品質に関する講義を行いました。 そこで話した内容とスライドを完全公開します。 45分の内容のため、かなり長いですが、個人的にぜひ一読して欲しい内容になっています。 はじめに こんにちは、森 篤史と言います。2019年度入社で今年で3年目になります。株式会社CyberZのOPENREC.tvというプロダクトでAndroidアプリチームのリーダをやっています。 最近はプログラムを書く仕事以外に、次世代マネジメント室という全社横断組織でDevelopers Blogの改善プロジェクトを実行したり、CyberZ CTO室で組織活性化に取り組んでいます。 あと、2019年度の未踏スーパークリエータにも認定されました。 メインの仕事としては、入社して
役立つYouTubeのチャンネルまとめ 数学、物理、アルゴリズム、プログラミング、などなど自分が使う技術に役立ちそうだな、困ったときによく見たなと思うチャンネルを紹介する。 取っ掛かり、ハマりがち、コツみたいな物が拾える。数学がメイン。随時更新していくつもり。 当たり前だけどちゃんと本も読んで勉強するんだぞ。 背景 YouTubeは視聴する登録チャンネルの数が増えると、チャンネルが埋もれて発掘困難になりがち (chrome拡張でできるチャンネルのフォルダ分け機能は、ぽちぽち登録するのも面倒で、そのフォルダの中から掘り出すのも難しい) モチベが上がる(おべんつよしたい)チャンネルを探してるうちに湧いてくる、わんにゃんコンテンツ(だいちゅき)に流され一日が終わるため、 モチベが上がる有用なチャンネルにすぐにたどり着くために、よく使うQiitaに列挙しておくことにした Streamや大学専用サイ
プログラミング上達したいんだったら、四の五の言わずに、 ・クリーンアーキテクチャ ・レガシーコード改善ガイド ・アジャイル・サムライ ・リファクタリング 系のどれか を、全部最低5回読み返して欲しい。それでプログラマとしては圧倒的に成長できるんだから、マジで読んで — Next.js + Hasura 最速プロトタイピング本 @技術書典9 出す予定 (@erukiti) July 27, 2020 先日、こういうツイートをしたらバズってしまいまして。これらの本を理解できるまで読みこめばプログラマとして成長できますよーというもので、 ・ クリーンアーキテクチャ ・ レガシーコード改善ガイド ・ アジャイルサムライ ・ リファクタリング 系のどれか（例えばリファクタリング第二版） の4冊を挙げました。いろいろな人の感想を読んで、補足が必要そうだなと思ったので記事として書きなおしています。 追記
日本音楽史上の最も偉大なアルバム20
こういうランキング企画は海外だとよくある。日本でもあることはあるが大体クソみたいなリストになる。選者が俗物根性を発揮して音楽マニアぶりをアピールしようとしてはっぴいえんどやシュガーベイブやフリッパーズ・ギターをこする一方でB'zやミスチルや若い女性ソロアーティストたちの打ち立てた「売り上げ」を無視するからだ。あのな、ヴェルヴェット・アンダーグラウンドは売れっ子だらけのランキングにひとつだけぽつんと入ってるから面白いんだよ。売れてないのがランキングにボコボコ入ってたら面白くもなんともねーの。 ところが売り上げだけを見てランキングをつけようとすると（日本においては）これはこれで大問題が発生する。 日本人というのはそもそもが音楽センスの乏しい国民なので、下手くそが歌った曲が平気でミリオン売れる。「どう歌っているか」より「だれが歌っているか」つまり顔面とキャラクターが重視されるわけで、このゴミみた
「テレビゲーム総選挙」第1位の座に『ゼルダの伝説 ブレス オブ ザ ワイルド』が輝く。国民5万人以上がガチ投票で決定したもっとも好きなゲームに
「テレビゲーム総選挙」は、各ユーザーがアンケートで答えた“好きなゲームベスト5”の調査をもとに、日本でもっとも人気のゲームTOP100を決めるという番組だ。 対象はテレビゲーム機と携帯型ゲーム機で販売されているタイトルとなっている。 『ファイナルファンタジーIV』と『ファイナルファンタジーIIV』など、シリーズ作品はべつべつに区別されるほか、オンラインのみのPCゲームやスマートフォン向けタイトルは対象とならない。 TOP100には『ドラゴンクエスト』や『ファイナルファンタジー』、『ポケットモンスター』といった日本の人気ゲームシリーズだけでなく、『ゼビウス』（62位）や『テトリス』（25位）といったクラシックのレジェンド作品もランクイン。また『Apex Legends』（30位）や『Dead by Daylight』（59位）といった、若者に人気のマルチプレイゲームも登場した。 TOP100
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
アマチュア驚き屋のきしだです。 ChatGPTが画像入力に対応するよという話があって、来週くらいに使えるようになるかなーと思ったら、もう使えるようになってました。 で、写真から「カレー食べてる男の人です」くらいを言えるイメージで試してたら、なんかふつうに画面設計やクラス図からコードを書いていてびっくりしてしまいました。 まあ、起きたらこういうのが来てたわけですね。 で、まあ試してみて「あぁ、いままでのマルチモーダルよりちゃんと画像認識してるなー」くらいに思ったわけです。 で、NetBeansでの画面設計を読ませてみたらこう。 こういうコードが生成されました。 import javax.swing.*; import java.awt.*; public class SimpleForm { public static void main(String[] args) { JFrame fr
水は変わった物質
水はありふれた物質? 変わった物質? 岡山大学 異分野基礎科学研究所 松本 正和 (理科教室2019年7月号に寄稿) 水に満ちあふれた世界 宇宙から地球を眺めると、水と雲と氷(雪)がほぼ全表面を覆っています。生物は水の中で発生し進化してきました。私たちの生活も水に深く結びついていますし、科学・工業・食品・農業・医療などのさまざまな産業も、水とは切離せません。あまりに身近であるために、私たちは物質の性質を考えるときに、ともすれば水が普通だと考え、水を基準にして比較してしまいがちですが、ほかの物質と比較すると、水はいささか変わった性質を持っています。例えば、汗をかいたり水に氷をうかべて飲んでいる時に、水の異常性を実感する人はまずいないと思います。しかし、他の物質と比べて水の蒸発潜熱は非常に大きいし、融ける時に体積が縮む物質は非常に稀です。水に隠された変わった性質はどのくらいあるのかは、水だけを
小島秀夫監督が「若者たちに観てほしい」日本映画の名作9選を発表
小島秀夫監督は、映画への愛を公言してきた人物である。「METAL GEAR SOLID」や『DEATH STRANDING』などのクリエイターとして知られる彼は、ゲーム開発者になる前は映画制作を志しており、自身のゲームでもたびたびお気に入りの映画にオマージュを捧げてきた。「メタルギア」シリーズの主人公スネークも、『ニューヨーク1997』の主人公であるスネーク・プリスケンにちなんで命名された。小島が自身の作品に映画的な感性を込めてきたことは周知の事実で、著名な俳優を好んでゲームの声優に起用している。監督は、ただ映画が大好きなのだ。 映画ソフトの企画・制作で有名なクライテリオン社が、自社のYouTubeチャンネルで展開する「Closet Picks」シリーズに小島を招待した。この動画シリーズはクリエイティブ業界の著名人にスポットライトを当て、選ばれた人物が、クライテリオン・コレクションのディス
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><style>\n.include{max-width:660px;font-family:\"YuGothic M\",\"游ゴシック体\",\"游ゴシック\",\"Yu Gothic\", YuGothic, \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\",'helvetica','arial', \"メイリオ\", \"Meiryo\", sans-serif;font-weight: 500;}.include .ShuMod{ margin:0 10px;}\n.include h1{text-align:left;font-size:1rem;paddi
JRのホーム、車内、新幹線のアナウンスの人たちが一堂に会した動画に謎の感動を覚える「目を閉じて聞くと駅にいる感じ」「いつもお世話になってます」
Donna Burke ドナ・バーク @TheDonnaBurke Metal Gear Solid, Silent Hill 2 & 3, 東海道新幹線, Fans ➡️ https://t.co/hQbzkcRVC4… https://t.co/Z9bnOHYWZ9 Founder #Hotteeze #JapanToiletSound https://t.co/xBsWSe9NK6 Donna Burke ドナ・バーク @TheDonnaBurke JRのホームアナウンス、車内アナウンスと新幹線のアナウンス、三人の初対面!!! #鉄道 🚋🚅 . JR platform announcer, train announcer, Shinkansen announcer in 1 video!!! #train #shinkansen #jr 🚃🚅 @chriswellstokyo
ソフトウェア設計について、YAGNIやSOLIDなど多くの原則・法則があることが知られていますが、その解釈にはぶれが存在することが多いです。そこで、特に有名なものあるいは有用と感じることが多いものをいくつかピックアップして、その解釈やトレードオフについてまとめてみました。 注意としては、SOLIDが入ってることからわかる通り、主にOOPに関する文脈になります。また、各原則の定義については概ね知っている前提で書いているのであまり初学者向けの記事ではないかもしれませんのでご承知おきください。 YAGNI（You ain't gonna need it.） YAGNIは、予測による実装が実際に役立つことは少ないという経験則から生まれた原則です。 一般にオーバーエンジニアリングが利益をもたらすケースは限定的で、どちらかというとプロジェクトに害を与えることが多いとされています。YAGNIは日々状況の
いざという時に使える13のHTML&CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する いざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。 CS
先日、『攻殻機動隊 SAC_2045』がNetflixで全世界に公開された。 見た人はすでにご承知のことだと思うが、悪い意味で最悪の作品になってしまった。攻殻機動隊SACシリーズファンとしてのぼくの感想を一言でまとめるなら「見ないほうがいい」という一言に尽きるわけだが、この怒りをせっかくなので以下にまとめることとする。 攻殻機動隊 Stand Alone Complexについて士郎正宗原作の『攻殻機動隊』を元に、「もし草薙素子が人形使いに出会わなかったら？」というパラレルワールドを描いた作品が『攻殻機動隊 Stand Alone Complex』だ。魅力的な公安9課のメンバー、笑い男事件という劇場型犯罪、サブエピソードに散りばめられた伏線回収の妙、サリンジャー作品と近未来という一見ちぐはぐな、しかし見事な組み合わせ、これほどのクオリティのアニメにもう出会えることはないのではないかと思わされ
はじめに の参加記事になります。 個別の技術ではなく、エンジニアの成長のステップで読むと良い本の紹介 エンジニアとして成長していくときに、個々の技術を深く理解し使いこなしていくことは必要ですが、個々の技術を選ぶときにもどんな成長ステップがあるかを理解することも重要です。 実装をするという範囲をエンジニアの中心なのはありますが、実装以外の部分を理解するとその技術が最大限に活きるのかを理解するには周辺についても理解していく必要があります。そこで、実装を始める前の構造のパターン、実装を進めるエンジニアの環境などを知ることで、もっと効率的な開発が出来るようになるのかを理解していきたいけると良いと考えています。 この記事では私が経験した中でより良いWebシステムを作るという観点に立ったときに、広く理解しておくと良いと感じた本を紹介します。 これからエンジニアリングでどのような勉強をすればよいかを考え
はじめに 今でも語り継がれる「原則」は、それだけ価値のあるコンセプトです。 歴史を振り返ることは、失敗を防ぐための効率の良い方法になります。 👑 DRY (Don't repeat yourself) 「同じことを繰り返すな。」 Andy Hunt と Dave Thomas の著書『達人プログラマー』（1999 年）で提唱された原則で、プログラミングに関する最も重要な原則といっても過言ではありません。 DRY 原則だけでなく、どんなデザインパターンやベストプラクティスでも、同じ処理が重複することは基本的に許されていません。 これにはどういう意図が込められているのでしょうか。 🔖 表面的な理由 この原則は、コードの再利用性を高め、そのために疎結合な状態を保つことは、極めて有用なことを示唆します。 1 箇所を直せば済むべき箇所をあちこちに分散させてしまうのは、自分で事故を招いているのと同
There’s No Such Thing as Clean CodeのHacker Newsコメント経由でコードやシステム設計・最適化についての良いコメントを見つけた。どうやらHacker Newsで何度も引用されているらしいが日本語で言及された記事が見つからなかったので取り上げてみる。 コメントは2016年のSandi MetzのThe Wrong Abstractionに関するもので、発言者のcurun1rいわく「私は設計の優先順位をこの順序で学習することで、優れた開発者になれた」。*1 4つの基準と優先順位のガイドライン 状態 > 結合 > 複雑性 > コード量 私は状態 (state)、結合 (coupling)、複雑性 (complexity)、コード量 (code) の順に削減することでコードを最適化する。 コードがよりステートレスになるなら、結合を増やすこともいとわない 結
はじめに 本記事ではAI知識ゼロから始めてAIエンジニアとして実務にチャレンジできるレベルを目指してロードマップ形式でコンテンツをまとめました。 生成AIの台頭、SakanaAIの大型資金調達やGoogleの研究者（ヒントン氏ら）のノーベル賞受賞も重なり、さらにAIへの注目が集まっている状態かと思います。 しかし初学者にとって、AIを学ぶハードルはまだまだ高いのが現状です。AIをツールとして活用するだけなら比較的障壁は高くないですが、理論的な部分まで含めると学ぶべき内容が広く、分野によっては難易度が高く、せっかく学び始めたのに挫折する人も多いです。 未経験だけどAIの知識を身につけたい 現在web開発の知識があり、AIも学びたい AIを学んでエンジニアインターンや実務で活躍したい といった方は是非読み進めていってください。 コンテンツは随時追記していきます。 構成 本記事は下記のような構成
Help us understand the problem. What is going on with this article? メリークリスマス！ この記事はFirebase Advent Calendar 2019の25日目の記事です。 これはなに？ この1年、本を書いたり勉強会で登壇したりいろいろやってみた結果を振り返ってみると、本当に多くの人がFirebaseにふれるようになったなぁと思います。圧倒的な開発者体験の良さをもってバックエンドの関心事を一手に引き受け、アプリケーション開発を劇的に高速化してくれるソリューションとして、Webアプリでもモバイルアプリでもバックエンド第一の選択肢として確固たる地位を確立しつつあるのではないでしょうか。 それ自体はとてもいいことなのですが、Firebaseの強さを活かすためのアーキテクチャに関するアイデアはあまり表に出てきていないのではな
久しぶりに、いわゆるポエムを。 新規・運用ヘルプを問わず、受託や副業でよくフロントエンドをやってるWeb屋の見解、そして手札のお悩み。 この先、また技術選定する際なんかにも参考になるかと思ったので。 React 「いまフロントエンドやるなら最初に覚えるべき！」は、もう過去の話かなーと個人的には思ってる。 Reactは`UI = fn(state)`なのが良い！とか言われるけど、あなたが必要としてるのは`UI = Component(props)`かもよって。 一昔前までは、たしかにあらゆる面で頭一つ抜けてる印象はあったけど、今はそうでもないか、その差はだいぶ埋まってきてると思ってる。（もちろん先行者利益みたいなところで、エコシステムはまだまだ優位な差があるかもしれんけど、それもあまり実感できたことはないし、いまからはじめる人はそんなんで困らんやろうし） 原初の時代からReactな案件をそれ
ソフトウェアの複雑さに立ち向かう1つの哲学 :『A Philosophy of Software Design』 を読んだ - こまぶろ
あけましておめでとうございます、になるはずだったのですが、後から読んだ『Googleのソフトウェアエンジニアリング』の方を先に記事にしたので新年2本目の更新です。 ky-yk-d.hatenablog.com さて、本題。最近のお気に入りポッドキャストであるe34.fmで激賞されていた『A Philosophy of Software Design』を読みました。初版は2018年に出ていて、今回は2021年に出た第2版を読みました。 スパゲッティコードを想起させる装丁 A Philosophy of Software Design, 2nd Edition (English Edition) 作者:Ousterhout, John K. Amazon scrapbox.io どんな本？ 書籍のテーマはソフトウェアの複雑さです。複雑さとは、システムを理解したり変更したりするのを困難にさせるも
英ラジオ局「NTS Radio」は、山下達郎の楽曲（29曲）を特集した約２時間のミックス音源を公開した。 近年のシティポップ・ブームで海外でも高い人気を博す山下達郎。NTSの記事では「YouTubeのアルゴリズムには、これまで聴いたこともなかったレコードを数100万回再生に導く力があります。山下達郎の1982年のLP『For You』はそのひとつです」と紹介。 また『For You』について「このレコードには彼の音楽的特徴が詰まっており、ファンクやジャズに影響を受ける“シティポップ”というジャンルの代名詞になっている」と紹介している。 同ミックスの選曲は、“邦シティポップの大ファン”だというロンドン在住の女性DJ ANUが担当している。 【トラックリスト】 1.TATSU YAMASHITA Overture 2.TATSURO YAMASHITA Fragile 3.TATSU YAMA
これでもうUIデザイン用の高品質なSVGアイコンに困らない！ 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ
これは何 の参加記事です。 エンジニアとして開発をしていく以上、設計についての知識を身につけていくことはとても重要です。 とはいえ設計という言葉からは何を勉強するべきかがいまいちピンときません。 この記事では、僕が読んできた設計に関するおすすめの本を網羅的に紹介しています。 これから設計を勉強する方の役に立てれば幸いです。 おすすめの本一覧 おすすめの本を紹介していきます。 他にもおすすめがあればぜひ編集リクエストをください！ オブジェクト指向設計実践ガイド 設計を始めに学ぶならこれ、という一冊です。 エンジニアとして開発を行なっている中で、オブジェクト指向設計は一番汎用的に使う設計知識なのではないでしょうか？ オブジェクト指向設計を学ぶことで、いわゆる「におう実装」と「良い実装」を見極めることができるようになると思います。 知らなかったら読んだほうが良いキーワード SOLID原則 Cle
効率よくコーディングを進めるためにChatGPTを使ってみよう
この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。Webデザインをメインにストックイラストレータ、グッズデザインなどしております。 ChatGPTとは ChatGPTはOpenAIが開発した対話型のチャットボットです。質問を入力すると質問に対する回答が出力されます。 今回はChatGPTを使って、効率よくコーディングを進めてみます。 headタグ内のコードをChatGPTで生成しよう HTMLの大枠をChatGPTを使ってコーディングしてみよう グロナビをChatGPTで生成してみよう ボタンをホバーした時のCSSをChatGPTで生成してみよう H
単一責任の原則（Single responsibility principle）について、もう一度考える | オブジェクトの広場
単一責任の原則（Single responsibility principle）について、もう一度考える はじめに オブジェクトの広場をご覧の皆様ならば、「SOLID原則」という言葉を聞いたことがあるかもしれません。 SOLIDとは、以下の5つのソフトウェア設計原則を並べたバクロニムです。 Single Responsibility Principle：単一責任の原則 Open/closed principle：オープン/クロースドの原則 Liskov substitution principle：リスコフの置換原則 Interface segregation principle：インターフェース分離の原則 Dependency inversion principle：依存性逆転の原則 ソフトウェアエンジニアが知っておくべき設計原則のセットとして、Clean Architecture や
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- 24時間こどもSOS ESI-->\r\n<div id=\"kodomosos\">\r\n <h3>相談窓口</h3>\r\n <ul>\r\n <li><h4>24時間こどもSOSダイヤル</h4><p><a href=\"tel:0120078310\">0120-0-<ruby>78310<rt>なやみ言おう</rt></ruby></a></p></li>\r\n <li><h4>こどものSOS相談窓口<span>（文部科学省サイト）</span></h4><p><a href=\"http://www.mext.go.jp/a_menu/shotou/seitoshidou/0611
Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日 この主張、界隈（少なくとも自分の観測範囲）では割とよく見かけるし、なんか定期的に話題になるトピックなのかなーと。 まあ持論としてもコレには概ね同意しており、会社のスタンスとも相まって、常日頃からぼんやり考えてたりすることでもある。 で、そんな折にこのツイートを発見して、さらにそれに言及してる人々を見て、ふと自分でも現状を整理しておきたいなーという気持ちになったので筆を執った次第。
1. はじめに 本稿は、私が1年以上の期間をかけて、成長し続けるチームに変わることができた施策を紹介します。 本稿は長文なので、忙しい人は太字だけを拾い読みして、興味をもった施策だけを詳しく読んでいただければと思います。 なお、本稿の内容で「Developers Summit 2020 KANSAI」というカンファレンスで発表した結果、ベストスピーカー賞1位をいただきました。発表を視聴してくださった方々に感謝しております。 発表資料と発表動画はコチラ 2. 施策の効果 私の開発チームは当初(1年と数ヶ月前)は、以下の状態でした。 あまり積極的に今のやり方を変えようと思っていないチーム メンバーは、中堅(私)が1名と入社2年目と3年目の3人(後に新人が配属して途中から4名に) 全員、技術記事を書いたことがない 全員、社外の勉強会などのイベントに参加したことがない 全員、開発知識は、業務で教え
エンジニアとして今の自分を形成した本5冊 エンジニアとして働くにあたって自分が大きく影響を受けた本を考えてみた。もちろん他にもあるが、今回は以下の5冊に絞って紹介する。 Clean Coder（クリーンコーダー） Team Geek Clean Architecture（クリーンアーキテクチャ） テスト駆動開発 LeanとDevOpsの科学 この記事の対象者としては、独学でプログラムを書き始めた人やエンジニアスクールを卒業したばかりの方というよりは、実務経験を1~3年くらい積んでいるけど次に何を学べば良いかわからず、自分でイマイチ伸び悩んでいると感じている人を主に想定している（かつての自分がそうだった）。 特にチーム開発、オブジェクト指向言語でのコーディング、テストコードを書いた経験がある人が読んで、本に書いてあることを実践すると自分の成長を実感するだろう。 「Clean Coder」、「
｢色｣に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚2022.11.07 12:0051,753 Jody Serrano - Gizmodo US ［原文］ （ 福田ミホ ） 当たり前だったものがまたひとつ、当たり前じゃなくなった。 Adobeのデザイン系ソフトウェアを使ってる方々には今、困ったことが起きてます。Adobe Creative Suite、つまりPhotoshopやIllustrator、InDesignといったソフトウェアの中で、ある種の｢色｣が有料になり、月15ドル（約2,200円）かかることになったんです（年間だと90ドル≒約1万3000円に割り引かれますが、それにしても）。しかもその｢色｣というのは、特殊な色とかじゃなくて、業界標準になってるPantoneのライブラリで指定した色、なんです。 色ってたとえば｢赤｣といってもいろんな色味がありますが、P
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><style>\n.include{max-width:660px;font-family:\"YuGothic M\",\"游ゴシック体\",\"游ゴシック\",\"Yu Gothic\", YuGothic, \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\",'helvetica','arial', \"メイリオ\", \"Meiryo\", sans-serif;font-weight: 500;}.include .ShuMod{ margin:0 10px;}\n.include h1{text-align:left;font-size:1rem;paddi
キーポイント For object-oriented design we follow the SOLID principles. For microservice design we propose developers follow the “IDEALS”: interface segregation, deployability (is on you), event-driven, availability over consistency, loose-coupling, and single responsibility. Interface segregation tells us that different types of clients (e.g., mobile apps, web apps, CLI programs) should be able to inte
プログラミング上達したいんだったら、四の五の言わずに、 ・クリーンアーキテクチャ ・レガシーコード改善ガイド ・アジャイル・サムライ ・リファクタリング 系のどれか を、全部最低5回読み返して欲しい。それでプログラマとしては圧倒的に成長できるんだから、マジで読んで — Next.js + Hasura 最速プロトタイピング本 @技術書典9 出す予定 (@erukiti) July 27, 2020 先日、こういうツイートをしたらバズってしまいまして。これらの本を理解できるまで読みこめばプログラマとして成長できますよーというもので、 ・ クリーンアーキテクチャ ・ レガシーコード改善ガイド ・ アジャイルサムライ ・ リファクタリング 系のどれか（例えばリファクタリング第二版） の4冊を挙げました。いろいろな人の感想を読んで、補足が必要そうだなと思ったので記事として書きなおしています。 この
昨日の自分「今作ってる曲まじで良すぎる。天才かもしれん」 今日の自分「ﾅﾆｺﾚ。曲作り下手すぎか～～」 この記事は新歓ブログリレー23日目の記事です。 こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。 皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。 でも、『パソコンで音楽を作る～』とか『打ち込み』っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！
ドメイン駆動設計の正体
はじめに "ドメイン駆動設計は当たり前のことを言っているだけ" "ドメイン駆動設計はただのオブジェクト指向プログラミング" "ドメイン駆動設計はより良いアーキテクチャだ" "軽量DDDはアンチパターンだ" このようなドメイン駆動設計に関する言及を聞いたことがあるでしょうか？ ドメイン駆動設計に言及する記事や書籍は多くありますが、それぞれ着目する側面が異なったり色々なコンテキストから言及されています。 おそらくそれが原因でドメイン駆動設計が何であるかをぼやけさせ、正体のわかりにくい概念になっているように思えます。 そこで今回は色々な観点から整理し、ドメイン駆動設計とは何であるのか、その正体を考えていきます。 ドメイン駆動設計の基本的概念について ドメイン駆動設計はEric Evansが出版した「Domain-Driven Design」という書籍がルーツになっています。 ドメイン駆動設計を一
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
統計ほぼ初学から 4 ヶ月で統計検定準 1 級受かった話
この記事は統計検定準 1 級の合格体験記であり、テスト内容の解説記事ではありません。また、この記事での試験に対する勉強の仕方や受験者の属性には一般性が担保されないので、一個人の個人的な見解として解釈してください。 はじめに 今回は統計検定準 1 級に一発で合格できたので、勉強方法・テストの所感をレポートします！最近は増えてきましたが、CBT 形式の準 1 級の体験記は少ないかなと思ったので 1 つの参考になれば嬉しいです！ ステータス 経歴: 東京大学理科 2 類 → 工学部マテリアル工学専攻 → 大学院工学系研究科マテリアル工学専攻 (物性に関する研究) 仕事: 株式会社くふうカンパニーで DS をさせてもらってます 統計の勉強経験: 1S の基礎統計のみでほとんど覚えていないので、知識ほぼゼロの状態でした 数学: 東大理系の平均ぐらいだが、大学からはあまり勉強していませんでした (だい
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><style>\n.include{max-width:660px;font-family:\"YuGothic M\",\"游ゴシック体\",\"游ゴシック\",\"Yu Gothic\", YuGothic, \"ヒラギノ角ゴ Pro\", \"Hiragino Kaku Gothic Pro\",'helvetica','arial', \"メイリオ\", \"Meiryo\", sans-serif;font-weight: 500;}.include .ShuMod{ margin:0 10px;}\n.include h1{text-align:left;font-size:1rem;paddi
はじめに この記事はHow to Learn Software Design and Architecture | The Full-stack Software Design & Architecture Mapを翻訳したものです。 翻訳がおかしい箇所などあればご指摘頂けるとありがたいです。 元記事の著者: Khalil Stemmler(@stemmlerjs) 設計、アーキテクチャ、フロントエンド、ブロックチェーンに興味ある方是非Twitter(@show_clements)フォローしていただけると嬉しいです！ 設計に関する記事 ソフトウェアデザインとアーキテクチャは、DevOpsやUXデザインのように、コンピューティングの領域の中でも独自の研究分野となっています。ここでは、クリーンコードからマイクロカーネルまで、ソフトウェアデザインとアーキテクチャの幅広さを説明するマップを紹介しま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
良いコードとは何か - エンジニア新卒研修 スライド公開｜CyberZ Developer
技術ようつべチャンネル集 - Qiita
プログラミング上達したい人に繰り返し読んで欲しい4冊｜erukiti
2022年におけるフロントエンド開発のベースライン
画像対応ChatGPTで設計図からコードの世界が実現しててやばい - きしだのHatena
「女性はもっと男性に寛大に」少子化、未婚めぐり自民・桜田元五輪相：朝日新聞デジタル
ソフトウェア設計についての原則や法則についてまとめてみた
いざという時に使える13のHTML&CSS Tips集 | BUILD Journal
公安9課が死んだ日 攻殻機動隊 SAC _2045｜いわんこ
エンジニアの技術土台となる知識を得るための本の紹介 - Qiita
プログラマーのための原則（2 万字） - Qiita
状態、結合、複雑性、コード量の順に最適化する - valid,invalid
【教材まとめ】これ全部やったら流石に誰でもつよつよAIエンジニアになれる - Qiita
君はまだ平成のアーキテクチャを使ってるのか？僕はFirebaseと令和の時代に行くぞ。 - Qiita
最近のフロントエンドフレームワークに対する認識とお気持ちの整理 - console.lealog();
英ラジオ局が山下達郎を特集 ２時間のミックス音源公開 | ARBAN
設計を学びたいときに読みたい本一覧 - Qiita
いじめを訴える文章、そのまま教室に掲示 栃木の小学校：朝日新聞デジタル
なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();
1年以上かけて生産性倍増＋成長し続けるチームになった施策を全部公開 - Qiita
エンジニアとして今の自分を形成した本を5冊紹介する - パンダのプログラミングブログ
｢色｣に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚
「政治に関心持たず生きていける国は良い国です」自民・麻生太郎氏：朝日新聞デジタル
マイクロサービス設計原則: SOLIDではなくIDEALS
プログラミング上達したい人に繰り返し読んで欲しい4冊改訂版｜erukiti
VSCodeで最強のMarkdownノートエディタを作ろう
画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
「立てよ、国民。物価高を怒りに変えて」 立憲・泉代表：朝日新聞デジタル
ソフトウェア設計・アーキテクチャの学び方 - Qiita