2023年度版フロントエンド開発環境構築徹底解説 - Qiita
この記事はNuco Advent Calendar 2023の1日目の記事です。 はじめに 2023年最新のフロントエンド開発環境についての紹介記事です。 分野別に、おすすめツール群と、その特徴などを紹介していきます。 デファクトスタンダードとみなせるようなツールや、最近盛り上がりを見せているものなどをラインナップしました。 これからフロントエンド開発を始めたい人はもちろん、長くご経験のある人にもプラスになる情報がきっとあるため、ぜひ参考にしてもらえると嬉しいです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 フロントエンド開発おすすめツール集 エディタ エディタやIDEは好みの問題も大きいので、メジャーなものを簡単
Amazon VPCを「これでもか！」というくらい丁寧に解説 - Qiita
はじめに AWS上で仮想ネットワークを構築できるAmazon VPCは、多くのAWSサービスが動作する基盤となる、非常に重要かつ多機能なサービスです。 多機能ゆえに公式ドキュメントやネット上の記事も断片的な機能の解説が多く、全体像を把握することが難しいサービスとも言えます。 そこで本記事はVPCの全体像を理解できるよう、各機能のつながりや動作原理を丁寧に解説し、 「VPC界の百科事典」 (あくまで例えですが…笑) となるような記事を目指したいと思います。 【追記】 実践編の記事を追加しました VPCの実画面での構築方法は、以下の別記事にまとめました。「VPCを実際に触ってみたい！」という方は、こちらもご一読いただけると嬉しいです。 VPCとは 「Virtual Private Cloud」の略で、クラウド上に仮想的なネットワークを構築するためのサービスです。 例えば、オンプレ環境でWebア
Pull Requestをすぐ動作確認！ マイクロサービスでのプレビュー環境の作り方 - LIVESENSE ENGINEER BLOG
こんにちは、かたいなかです。 最近、マイクロサービスアーキテクチャを採用した環境でプレビュー環境の実現方法についていくつかのパターンを比較し整理する機会がありました。 今回の記事では、プレビュー環境を構築するための要件をなるべく特定の技術に依存せずに紹介したあとで、ArgoCD、Istio、OpenTelemetryを使用した実装例をご紹介します。 目次 目次 プレビュー環境とは プレビュー環境の構成要素 PRごとのアプリケーションやルーティングの設定のデプロイ ヘッダ伝播 および ヘッダによるルーティング 実装例 ArgoCD ApplicationSet Istio OpenTelemetry Baggageヘッダ挿入用Proxy 動作確認 まとめ 補足: 実装例で考慮していないこと 画像等のCORS DBのアクセス権限 参考 プレビュー環境とは ここでのプレビュー環境とは、Pull
Software Design連載 2022年2月号 大規模Webアプリケーションの開発環境をモダナイズする - MonotaRO Tech Blog
こんにちは。モノタロウの八木(t_yagi)です。 モノタロウのECシステムは創業から20年以上ずっと動き続けており、絶え間なくビジネスを支え続けています。 その間、周囲のIT技術も大きく進歩してきました。 そんな中、開発者が増えたり機能も拡張され続けた結果、当初はさほど問題にならなかった開発に関する課題が浮き彫りになってきました。 今回はそんなレガシーな開発環境にモダンなIT技術を取り入れることで「当時は出来なかったことを現代の技術で実現する」を書きました。 流行りのモダンな技術がイケイケだから乗り変えるといったような輝かしいものではなく、長年積まれ続けてきた課題が現代の技術だから解決できたという時代の恩恵にうまく乗れるかを率直に記事にしています。 どうするとデメリットを抑えながらメリットを得ることができるか読んでいただける人に少しでも感じ取っていただければ嬉しいです。 サーバアプリの開
メルカリShops の技術スタックと、その選定理由 | メルカリエンジニアリング
こんにちは。ソウゾウの Software Engineer (CTO) の @suguru です。連載：「メルカリShops」プレオープンまでの開発の裏側の1日目を担当させていただきます。 7月末にメルカリShopsという新しいサービスが公開されました。メルカリShops は、2021年1月にメルカリのグループ会社として設立したソウゾウが新たに立ち上げたサービスです。 この記事では、メルカリShops を作るにあたり、どういった技術、アーキテクチャを選定したのか、その背景と意思決定をまとめて共有したいと思います。 monorepo まず最初にプロジェクトをスタートしたときに、サービスのリポジトリを作るのですが、迷わず monorepo による構成を選択しました。monorepo は、システムを構成する複数のコンポーネントの独立性を保ちつつ、全ての構成を1つのリポジトリで管理する手法です。今
理想のデスク環境を追い求めた話【2021年3月版】｜鈴木 潤一 / LONZ
この記事はこんな人に刺さるかも知れません🙂 ・デスクをすっきりさせるマガジンが好きな人 ・自宅のデスク環境を改善したい人 ・ガジェットが好きな人 ・スタンディングデスクが気になってる人 ・オーダー天板が気になってる人 ・ディスプレイを縦に並べてみようと思ってる人 ・MacやPCを天板裏に収納出来ないかアイデアを探している人 ・DIYが好きな人 ・ ・ ・ ・ケーブルの存在を消し去りたい人...🗑 こんにちは！ LONZ（ロンズ）という会社をやっている、鈴木と申します。 普段はWEBやアプリのデザインや設計を。週末は極たまにお寺の住職をしてます。 そして生涯現役ピンピンコロリな人生を模索しています😌 さて、ここから本題です。 2020年リモートワークの波。 デスク環境改善の無限にループにはまる♻️2020年はほぼ自宅で仕事をしていた関係で、こんなループにはまってました...（こういう人
“きれいすぎる海”で、いま何が | NHK | WEB特集
「コンビニのおにぎりに異変？」。瀬戸内海での取材中にこのことばを聞き、驚きました。 のりを使わないおにぎりが増えている。その理由が、「海がきれいになりすぎたことだ」というのです。 いったいどういうことなのでしょうか。 （岡山放送局 平間一彰記者・鈴木花ディレクター）
AWSセキュリティベストプラクティスを実践するに当たって適度に抜粋しながら解説・補足した内容を共有します | DevelopersIO
こんにちは、臼田です。 皆さん、セキュリティ意識してますか？(挨拶 今回はお客様宛にAWSのセキュリティベストプラクティスについて補足・解説したものを汎用化して共有します。 公式のドキュメントだと少し硬くて読みづらいみたいなイメージもあるかと思いますので、こちらの記事を参考に感覚を掴んでいただければと思います。なお、いろいろ簡潔にしたりするためにすべてのことについて説明していませんのでご了承ください。 熟読いただきたい資料 AWSのセキュリティベストプラクティスの資料は本当は熟読していただきたいです。しかしながら、最初はとっつき辛いと思うのでこの先の内容を見ていただいて、余力があればこちらのセキュリティベストプラクティスを見ていってください。 https://d1.awsstatic.com/whitepapers/ja_JP/Security/AWS_Security_Best_Prac
「トイレの混雑」を改善したリクルートの超アナログな方法
そうま・るみ／立命館大学卒業後、02年にダイヤモンド社に入社。週刊ダイヤモンド記者となり、銀行、家電などを担当。07年退社後、フリーに。Webメディア、女性誌の編集者などを経て、18年に記者として出戻る。リテールチームに所属し、小売り全般、アパレル、消費財メーカーを担当。主な担当特集に「ワークマンを生んだ群馬の野武士」「業務スーパーの非常識経営」「グリーンラッシュがやってくる」など。 News&Analysis 刻々と動く、国内外の経済動向・業界情報・政治や時事など、注目のテーマを徹底取材し、独自に分析。内外のネットワークを駆使し、「今」を伝えるニュース＆解説コーナー。 バックナンバー一覧 「エレベーター渋滞」や「会議室不足」という、さまざまな企業で起きている積年の課題に、アナログな方法を駆使して挑んできた株式会社リクルートの佐野敦司・総務統括室室長と総務チーム（参照：「エレベーター渋滞」
［速報］マイクロソフト、Webブラウザで動作する「Visual Studio Online」発表。VSCodeベース、IntelliCode、Live Share、拡張機能にも対応。Microsoft Build 2019
マイクロソフトは米シアトルで開催中のイベント「Microsoft Build 2019」で、Webブラウザで動作する開発環境「Visual Studio Online」を発表しました。 Visual Studio OnlineはWebアプリケーションとして提供されるため、Webブラウザから「https://online.visualstudio.com」へアクセスすることで利用可能になる予定です。 Visual Studio Codeをベースにしており、既存の拡張機能も利用可能。 Visual Studio CodeのワークスペースとVisual Studioのプロジェクトに対応し、機械学習がコーディングを支援してくれる「IntelliCode」、Visual Studioファミリー製品のあいだでリアルタイムにコードの編集やデバッグ操作などを共有できる「Live Share」機能などが最初
平成31年度東京大学学部入学式 祝辞 | 東京大学 (上野千鶴子 - 認定NPO法人 ウィメンズ アクション ネットワーク理事長)
平成31年度東京大学学部入学式 祝辞 ご入学おめでとうございます。あなたたちは激烈な競争を勝ち抜いてこの場に来ることができました。 女子学生の置かれている現実 その選抜試験が公正なものであることをあなたたちは疑っておられないと思います。もし不公正であれば、怒りが湧くでしょう。が、しかし、昨年、東京医科大不正入試問題が発覚し、女子学生と浪人生に差別があることが判明しました。文科省が全国81の医科大・医学部の全数調査を実施したところ、女子学生の入りにくさ、すなわち女子学生の合格率に対する男子学生の合格率は平均1.2倍と出ました。問題の東医大は1.29、最高が順天堂大の1.67、上位には昭和大、日本大、慶応大などの私学が並んでいます。1.0よりも低い、すなわち女子学生の方が入りやすい大学には鳥取大、島根大、徳島大、弘前大などの地方国立大医学部が並んでいます。ちなみに東京大学理科3類は1.03、平
排水に油を流すな！グリストラップ編
飲食店からは「油」だけじゃない。「生ごみ」も一緒に流れ出す。 そりゃぁ環境への強烈な一撃になるだろう もちろん「油や生ごみ」が流れ出さないようにする装置が存在する。 つまり「生ごみなどをバケットでせき止めて」「水と油を分離させる」装置だよ。 私は副業でこのグリストラップ清掃の仕事を長年していました。 今回は、現場の体験談を面白おかしく話したいと思う。 デパートから従業員が出払ったら作業開始！ バキューム車から極太ホースを引きずり出し、 連結させて２Ｆ～３Ｆ～と伸ばしていく。 （デパートの場合、大体の飲食店は上層階にあるから大変だ） 極太ホースの「ヨレ」を丁寧に伸ばしながら、みんなで引っ張り上げる。 まぁまぁ大変な作業だが、親会社も下請けも 何年も一緒にやっているメンバーですから作業はスムーズに進む。 これだけ！これでグリストラップ清掃は終了。 とても簡単でしょう？ 『客数の多いデパートの飲
【図解】Dockerの全体像を理解する -前編- - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は何か イメージやコンテナなどの基本からdocker-compose、docker-machine, docker swarmなどのDocker周りの様々な概念の全体像を整理して、Dockerの仕組みを理解するための記事 前編では「コンテナ、イメージ、DockerHubでのイメージ共有」について書いて行きます。 対象読者 ・Dockerって何？ ・Dockerちょっと勉強したけどDocker compose？ Docker machine？ Docker Swarm？ 色々ありすぎて意味不明 という方 Dockerとは何か Do
テスラよりミラージュの方が、環境に優しい？：日経ビジネスオンライン
三菱自動車の小型車「ミラージュ」は、一見して環境に優しい革新的なクルマには思えない。内燃機関（エンジン）で走り、排気管から排ガスを撒き散らすガソリン車にすぎないからだ。 しかし、部品の調達から燃料、部品の再利用に至るまで、つまりクルマが誕生する過程から廃車までの全ライフサイクルで弾き出した二酸化炭素（CO2）排出量で見ると、話は違ってくる。発電によるCO2排出量が多い地域で使用すると、米テスラが販売する一部の電気自動車（EV）よりも、エンジンを搭載しているミラージュの方が環境に優しいことになるのだ。 EVだからといってCO2排出量が常に低いわけではない 米マサチューセッツ工科大学（MIT）のトランシク・ラボの調査によると、米国の中西部でテスラのセダン「モデルS P100D」に乗った場合、ライフサイクル全体で排出されるCO2排出量を走行1km当たりに換算すると226gになるという（下記の表を
世界の資源は枯渇せず―有限説はエコロジストの杞憂
This copy is for your personal, non-commercial use only. Distribution and use of this material are governed by our Subscriber Agreement and by copyright law. For non-personal use or to order multiple copies, please contact Dow Jones Reprints at 1-800-843-0008 or visit www.djreprints.com. http://jp.wsj.com/article/SB10001424052702303709304579530422013277080.html
ニホンウナギがどれぐらい終わっているのかについての図 - Muchonovski got it wrong
今日のニュースで2013年のシラスウナギ稚魚の漁獲量が昨年比で42%、過去最低の5.6tという報道がされて話題になってるけど、これどれぐらいヤバいかわかりますか。過去資料と比較してみないと、いまいちピンとこないよね。つくりました。国の資料の抜粋です。 見ての通りで特に付け加えることもないのですが、ピーク時には250t近く獲れたものが5tになった状況で、まだ漁業規制が敷かれてないというのがすごい。この状況に関する、水産資源管理研究者の勝川氏の言。 ウナギをどう看取るか？ - 勝川俊雄 公式サイト 結論からいうと、ウナギは、もう詰んでいる。（略）日中台が協力して、これから禁漁したとしても資源が回復するかは微妙な情勢ではあるが、禁漁に近い措置を獲れる可能性はほぼ無い。 １０年前なら、ニホンウナギを持続的に利用するという選択肢はあったかもしれないが、もうそういう段階ではない。「ニホンウナギの最後を
ここ一万年で温暖化したという論文はデータ選択が恣意的だった件
今は例外（Exceptional Now） 産業革命以後、気候は温暖化してきているが、それ以外の完新世の時期と比べてどの程度気候は温暖化しているのだろうか? Marcottたちは(p.1198)世界中から得られた様々な陸地や海洋に基づいた代用データを用いて、最近の11,000年以上の地球の平均表面気温の記録を構築している。気温のパターンは、世界が最終氷期を脱した時に気温上昇し、完新世中期までの温暖化の状態であり、そして次の5000年の間、冷温傾向となり、小氷期の約200年前前後に最低の温度になったことを示している。気温はそれ以来確実に上昇しており、全完新世の90%の期間の地球の気温よりも現在の気温は高くなったままに、われわれはほっておかれている Science March 8 2013 ,Vol.339
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
個人開発者向けサーバ環境の選び方まとめ（heroku,aws,firebaseなどなど） - Qiita
ggsoku.com
Microsoft PowerPoint - Maeda_120305.pptx