並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 58件

新着順 人気順

構成の検索結果1 - 40 件 / 58件

 58   aws         -   
  • ジャンプの漫画学校講義録⑥ 作家編 松井優征先生「防御力をつければ勝率も上がる」 - ジャンプの漫画学校


    SQ.2020 110         
      ジャンプの漫画学校講義録⑥ 作家編 松井優征先生「防御力をつければ勝率も上がる」 - ジャンプの漫画学校
    • EM菌の正体(構成微生物を調べました)|片瀬久美子

      EM菌は、元々農業用の微生物資材として堆肥作りを目的として開発されましたが、「農業、環境、健康、食品加工、化学合成、工業、エネルギー、土木建築など広範囲で応用可能であり、従来の微生物関連資材の常識をはるかに超えたものである」としてあたかも万能であるかの様に宣伝されるようになりました。しかし、そのほとんどは科学的根拠に乏しく「ニセ科学」だと批判されています。 参考:疑似科学とされるものの科学性評定サイト(明治大学科学コミュニケーション研究所) http://www.sciencecomlabo.jp/health_goods/effective_microorganisms.html これまではEM菌を構成する微生物が大まかにしか明かされておらず、「特殊な善玉菌の集合体」という幻想が守られてきました。そこで、最新技術である「メタゲノム解析」(メタ16S解析とメタITS解析)により、網羅的に構

        EM菌の正体(構成微生物を調べました)|片瀬久美子
      • 文才の有無に関係なく、誰でもそれなりに整った文章を書くコツ|村井 弦|文藝春秋


          9 10  note 
          文才の有無に関係なく、誰でもそれなりに整った文章を書くコツ|村井 弦|文藝春秋
        • Amazonの従業員が学ぶ伝わる文章構成の極意|Sangmin Ahn

          こんにちは、Choimirai School のサンミンです。 【主要なアップデート】 (2023.10.01)ベゾス氏がパワポを禁止した理由を語った動画を追加 (2020.05.11)Blitzscaling、ビル・ゲイツのコメントと英語版リンクを追加 (2020.05.11)知的生産の技術に関するコメントを追加 0  はじめに ▲アマゾンの社内プレゼンテーションで、パワーポイントの使用が禁止されているのは、かなり有名な話。 会議では、冒頭のおよそ15~20分間、参加者全員にドキュメントを読むための時間があてられる。ドキュメントは6ページと長い場合も多く静まったミーティングルームで参加者が黙々とドキュメントを読む雰囲気はかなり緊張感が漂っている。

            Amazonの従業員が学ぶ伝わる文章構成の極意|Sangmin Ahn
          • わかりやすいシステム構成図の書き方 - Qiita

            わかりにくいシステム構成図とは こんなシステム構成図を書いてないでしょうか? このシステム構成図のわかりにくい点が3つあります。それは 製品名は書いてあるが「役割」が書いていない データと処理が区別できない データの流れと制御の流れが区別できない の3つです。 わかりやすいシステム構成図 これら3つのわかりにくい点を改善したわかりやすいシステム構成図が↓です ポイントを解説していきます ポイント1. 製品名称ではなく「役割」を書く システム構成図には製品名称ではなくシステムコンポーネントの「役割」を書きます。 役割とは、例えば〇〇データや〇〇処理といったことであり、それを読むだけでシステムの動きを理解できる文字列です。役割をかかずに製品名称のみを書いてしまうと、その製品を知らない人が見たときに理解できません。例えば「Cloud Pub/Sub」という製品はGCPというパブリッククラウドの分

              わかりやすいシステム構成図の書き方 - Qiita
            • 2020年現在のNewSQLについて - Qiita

              Disclaimer 当記事はNewSQL開発ベンダの技術ブログや各種論文、その他ニュースサイト等の内容を個人的にまとめたものです。 そのため、理解不足等に起因する誤解・誤認を含む可能性があります。更なる理解が必要な方はリファレンスに挙げた各種文献を直接参照下さい。技術的な指摘は可能であれば取り込み修正しますが、迅速な対応はお約束できません。 NewSQLの解説は二部構成 当記事は前編でNewSQLの概要編となる。 全体の目次は下記である。 NewSQLとは何か NewSQLのアーキテクチャ NewSQLとこれまでのデータベースの比較 NewSQLのコンポーネント詳解 1章から3章までの内容を当記事で解説する。 4章はさらに詳細な技術的解説となり、後編の「NewSQLのコンポーネント詳解」で記述している。 こちらも合わせて一読いただきたい。 1. NewSQLとは何か NewSQLとは、海

                2020年現在のNewSQLについて - Qiita
              • ブラウザで動くサービスを作るときの技術選定

                はじめに 私の仕事は、新規サービスをまるっといい感じに開発するのを委託されることがほとんどです。最近はネイティブアプリを作ることよりもブラウザで動くWebサービスを開発することが多いのですが、案件の規模感や要求によって技術選定を少し変えるようにしています。「こういうときはこう」みたいに一概には言えないのですが、普段使う構成を紹介します。誰かの参考になれば幸いです。 2022/02/10 現在での内容です。 前提 開発を委託される場合の運用費をどうするの問題があります。クライアントにクレカ登録をしてもらうか、こちらで支払って毎月請求するかになります。僕は毎月やるのがめんどくさいのでできるだけ前者に倒している関係上、あまりいろいろなSaaSを組み合わせて作ることをなるべく避けています。 規模感によらず使っているもの 私の場合、以下が使えるとめちゃくちゃ効率よく開発できます。 GCP 好きだから

                  ブラウザで動くサービスを作るときの技術選定
                • サーバレスアーキテクチャによる有料ライブ配信サービスの構築

                  ライブ配信を支える技術 2019年10月4日(金)〜6日(日)開催の「水曜どうでしょう祭2019」では<昼の部>の有料ライブ配信を実施。その技術サイドのお話をいたします。社内外の多くの方のご協力があってほぼほぼ内製で構築することができました。今回の構築をざっくりですが、残しておきたいと思います。 全体のざっくり構成図 会場からクラウドにあげるまで Media Services API橋渡し(DRM)(決済・認証) ネットワーク フロントエンド プロジェクト管理 1.会場からクラウドにあげるまで テレビ中継車から会場のビジョンに出しているものを中継します。 今回はHTB本社で放送用に受けた映像を分岐してもらいました。 この映像をSDIからHDMIに変換してLiveShellPro2台を用いてRTMPでAWSであげます。 AWSまではNTT東日本さんのCloudGateway Applipac

                    サーバレスアーキテクチャによる有料ライブ配信サービスの構築
                  • 🦊「かいけつゾロリ」🦊の原ゆたか流 物語のつくりかた|ポプラ社 こどもの本編集部


                    35129  12772  1975  
                      🦊「かいけつゾロリ」🦊の原ゆたか流 物語のつくりかた|ポプラ社 こどもの本編集部
                    • システム構成図をテキストで

                      Gigazineさんでdrawthe.netを取り上げていたので紹介です。使い方はGigazineさんのほうが丁寧なので、気になる方はチェックしてみてください。(2020年12月1日、追記) drawthe.netとは cidrblock/drawthe.netは複雑なネットワーク図も「テキストで書いてブラウザ上でSVGレンダリングできるようにしよう」というコンセプトのもと開発されたツールです。下図のように複雑な構成図も精度高く描くことができます。 拡大してみると情報量が多いこと、またいかに整っているかがわかると思います。 デモサイトも用意されているので、サクッと試したい場合はコチラが便利です。コードはGitHubで公開されています。更新が2017年末で止まってしまっているのが玉に瑕ですが、十分な性能を発揮してくれます。 drawthe.netを使いたい理由 美しい構成図といえばInter

                        システム構成図をテキストで
                      • 【AWS】ぼくのかんがえたさいきょうの運用・監視構成 - Qiita


                        AWS使 (使) 使  AWS 1使  AWS""
                          【AWS】ぼくのかんがえたさいきょうの運用・監視構成 - Qiita
                        • ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition

                          日常的にVueを使用している開発者が、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 本記事は以前翻訳した記事の2019年Editionで、Reactのフックが追加されています。以前の記事は下記をご覧ください。 ReactとVueってどう違う?全く同じアプリをReactとVueで作成してみて分かった相違点 隣の家の芝生は青く見える ReactとVueで作成し

                            ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition
                          • 新人賞で落選しちゃった、という読切マンガをネットで見た。これで落選するの?と驚いたー「何をするお話なのか」が分かるログラインの重要性

                            Rootport🍽 @rootport Q.「ログライン」って何? A. ストーリーを1~2行でまとめたもの。たとえば友達に好きな映画やマンガを勧めるときに、長々とあらすじを解説しても飽きられちゃうでしょう?一発で友達に「見たい!読みたい!」と感じさせるような一言の紹介。「何をするお話なのか」が分かるもの。それがログライン。 2022-02-05 20:36:53 Rootport🍽 @rootport たとえば『鬼滅の刃』なら「心優しい少年が、家族を鬼に皆殺しにされてしまうが、鬼化した妹を人間に戻すために親の親分を倒しに行くお話」だ。『ヒロアカ』なら「誰もが超能力を持ちヒーローが当たり前に存在している時代に、何一つ能力を持たない男の子がスーパーヒーローを目指すお話」だ。 2022-02-05 20:40:22

                              新人賞で落選しちゃった、という読切マンガをネットで見た。これで落選するの?と驚いたー「何をするお話なのか」が分かるログラインの重要性
                            • Google純正の構成図作成ツールが登場したので早速使ってみた

                              クラウドサービスでは大量の機能が多種多様に提供されており、簡単なアプリでも複数のサービスを組み合わせて利用することも珍しくありません。そうしたバックグラウンドのサービスを設計する際に役立つのがサービス間の構造を図に落とし込んだ「アーキテクチャ図」です。これまでもサードパーティーからさまざまなアーキテクチャ図作成ツールが提供されてきましたが、2022年2月17日にGoogleが自社クラウド向けの公式アーキテクチャ図作成ツールをリリースしたので、早速使い勝手を試してみました。 Google Cloud Developer Cheat Sheet https://googlecloudcheatsheet.withgoogle.com/architecture Introducing a Google Cloud architecture diagramming tool | Google Cl

                                Google純正の構成図作成ツールが登場したので早速使ってみた
                              • マルチAZ構成で単一AZの障害の影響を受けるのは何故か? - プログラマでありたい

                                昨日の「AWSのAZの割り当ては、アカウントごとに違うという話」で宿題として残した、マルチAZ構成で単一AZの障害の影響を受けるのは何故かという問題について考えてみます。キーワードはELBです。 前提としてのELBの実装(の予想) マルチAZ構成での障害発生原因を検討する前に、まずELBの実装について考えてみましょう。5年ほど前に書いたELBの挙動からみる内部構造の推測です。 blog.takuros.net 旧ELB(CLB)をもとに書いていますが、ALBでも大きく変わらないと思います。要点としては、ELB自体は、AWSが管理するEC2インスタンス上で稼働し、バランシング先のAZにそれぞれ配置されているということです。図ではELBインスタンス(仮称)として表しています。そして、ELBインスタンスへの振り分けはDNSの名前解決で実現している点です。このアーキテクチャは私の個人的な予想ですが

                                  マルチAZ構成で単一AZの障害の影響を受けるのは何故か? - プログラマでありたい
                                • 個人開発した賃貸物件検索サービスのシステム構成と使用技術


                                   Comfy  2021/07/30 13:48 使使  2021/07/30 19:00       Comfy (
                                    個人開発した賃貸物件検索サービスのシステム構成と使用技術
                                  • Dockerイメージの理解を目指すチュートリアル - Qiita

                                    概要 - 自分でオレオレ hello-world イメージをビルド このチュートリアルは、hello-world イメージを自分でビルドする例を取り上げます。手を動かしながら、Docker イメージの仕組みや性質の理解を深めます。また、効率的な Docker イメージの作成や Dockerfile の活用を目指すための基礎のほか、(主に開発者向けには)マルチステージ・ビルドも学びます。 ポイントは、Docker イメージ(image)とは、Docker コンテナの実行に必要な概念としてのパッケージ(ファイルやメタ情報の集合体)であることです。仮想マシンイメージのように、実体としての1ファイルではありません。 そして、Docker イメージを構成するのは、抽象的なイメージ・レイヤ(image layer)の集まりです。レイヤとは「層」の意味で、Docker は複数のレイヤ上のファイルシステム

                                      Dockerイメージの理解を目指すチュートリアル - Qiita
                                    • ネットワーク構成図を考える: NW図の基本とモデル指向NW図のススメ / OSC_2020_Tokyo_Spring

                                      OSC 2020 Tokyo/Spring でやる予定だったセミナーの資料です。 https://www.ospn.jp/osc2020-spring/modules/eguide/event.php?eid=44 残念ながらOSC東京春は今回は中止となってしまったのでとりあえず公開しておきます。

                                        ネットワーク構成図を考える: NW図の基本とモデル指向NW図のススメ / OSC_2020_Tokyo_Spring
                                      • 2020年に立ち上げたWebフロントエンド構成の振り返り

                                        こんにちは、よしこです。 株式会社ナレッジワーク というスタートアップで、2020年4月の創業時から一人目のフロントエンドエンジニアをしています。 初期に考えて組み上げたスタックで1年半ほど開発・運用してみて、なかなか快適に日々開発ができているので 新規開発のプロダクト立ち上げ時にどのようにフロントエンドを構築したのか? 立ち上げから1年以上開発・運用を続けてきた今、それらの選択はどうだったのか? を記事にして振り返り、公開したいなと思いました。 (プロダクトの内容はステルスで進めていてあまり対外的な発信ができないので、かわりに技術的なところはどんどんオープンにしていきたいなという気持ちがあります) いろいろな項目ごとに振り返りたいので、この記事は各項目を横断するindexとして項目ごとの概要を簡単に説明し、深堀りは項目ごとに追って詳細な記事を書いていく予定です! 前提 プロダクトとしての

                                          2020年に立ち上げたWebフロントエンド構成の振り返り
                                        • SaaS系スタートアップのリアルなAWSアーキテクチャ設計

                                          概要 AI革命のインフラを目指すSaaS系スタートアップのFastLabel(最近資金調達しました!記事はこちら)で働いているが、今までGCPで動かしていたインフラを訳あってAWSに基盤を載せ替えることになった。 スタートアップは何よりスピードが求められるが、だからといってセキュリティやモニタリング、可用性を疎かにはできないし、大きなインフラコストに耐えられるほど体力もない。 アプリケーション要件を満たしつつ、以下を実現するアーキテクチャを設計する。 シンプルな構成・構築の容易さ スピーディな開発・適用 可用性の担保 セキュリティの担保 最低限のモニタリング 低コスト(リソース・運用) ここで紹介するアーキテクチャは実際に運用まで行っており、問題なく稼働しているし、先日AWSの方にレビューしてもらったが、「なかなかイケてる」というお言葉をもらい、特に改善点も指摘されなかった。 結論(アーキ

                                            SaaS系スタートアップのリアルなAWSアーキテクチャ設計
                                          • 基本的なシステム構成図を理解するためのAWS基礎をまとめてみた - Qiita

                                            はじめに 最近、AWSのシステム構成図を見ることが多くなり、AWS上で動いているシステムのシステム構成図を理解できるようになるために個人的に知っておきたいと思ったAWSの用語・サービスをまとめてみました。 私自身も勉強がてら作成したので、わかりづらい部分も多くあると思いますが、AWSのサービス全くわからん→なんとなく雰囲気把握した、となっていただけたらと思います。 2018年10月に新しくなったAWSアーキテクチャアイコンを使用しています。 サーバ・クライアントなどの説明についてはここではしていませんが、以下の記事でとてもわかりやすくまとめてくださっています! 超絶初心者のためのサーバとクライアントの話 知っておきたい用語 リージョン AWSがサービスを提供している拠点(国と地域) リージョン同士はそれぞれ地理的に離れている(例えば日本とオレゴンとか) 日本はap-northeast-1(

                                              基本的なシステム構成図を理解するためのAWS基礎をまとめてみた - Qiita
                                            • 日本の脚本は「セリフ」と「ト書き」、ハリウッドは「演出」メイン…俳優が解説する日米の映像制作の違いが面白い

                                              Yuki Matsuzaki 松崎悠希📽️ @Yuki_Mats SAG-AFTRA actor based in Tokyo/LA Actor/VO actor. Voice of Miyamoto Usagi x 3, and Ujishige in #WildHearts 俳優 -出演作: 硫黄島からの手紙、ピンクパンサー2、パイレーツ4 など linktr.ee/yukimatsuzaki Yuki Matsuzaki 松崎悠希📽️ @Yuki_Mats 日本で映像制作をされている方からよく「どうすれば自分の作品のクオリティを上げられますか?」と聞かれます。・・・もちろん、皆さんそれぞれ苦手な部分があるとは思うのですが、一つだけ多くの方に共通している大きな弱点があります。それは「台詞に頼りすぎている」という部分です。(続 2022-01-02 20:25:15 Yuki Mat

                                                日本の脚本は「セリフ」と「ト書き」、ハリウッドは「演出」メイン…俳優が解説する日米の映像制作の違いが面白い
                                              • ルーク・スカイウォーカーの初登場までに17分もかかった理由『脚本の科学』


                                                  17 4   
                                                  ルーク・スカイウォーカーの初登場までに17分もかかった理由『脚本の科学』
                                                • AWSのPublic IPv4構成をIPv6に切り替える | 外道父の匠


                                                  AWS  IPv6調 PublicIP :-)      IPv6   IPv4 IPv6  Gateway  Routing VPC SecurityGroup Network ACL Subnet Egress Only G/W NAT64 RouteTable Public Private  IPv6  IPv6  IPv6  
                                                    AWSのPublic IPv4構成をIPv6に切り替える | 外道父の匠
                                                  • JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!

                                                    JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 JAMstackは、「JavaScript」「APIs」「Markup」の3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。いち早くJAMstackを利用してWebサイトを作成した、寺川直宏さんと風間雅也さんにJAMstackについて聞きました。 JAMstackという言葉をご存知でしょうか。JAMstackは、「JavaScript」「APIs」「Markup」という3つの技術を組み合わせた、新しいWebアプリケーションアーキテクチャです。パフォーマンスの改善、セキュリティの担保、スケーラビリティの確保が見込めるため、フロントエンド界隈で、大きな注目を集めています。 しかしまだ登場したばかりの概念ゆえ、実例も少なく、理解しにくい面もあります。そこで、いち早くJAMstackでWebサイトを

                                                      JAMstackってなに?実践に学ぶ高速表示を実現するアーキテクチャの構成 - エンジニアHub|Webエンジニアのキャリアを考える!
                                                    • SPA+SSR+APIで構成したWebアプリケーションのセッション管理 - Pepabo Tech Portal

                                                      カラーミーショップ サービス基盤チームのkymmtです。この記事では、サーバサイドレンダリングするシングルページアプリケーションとAPIサーバからなるWebアプリケーションのセッション管理方法について紹介します。 アプリケーションの構成 構成の概要 今回は例としてEC事業部で提供するカラーミーリピートをとりあげます。構成としては、Railsで作られたAPIサーバ1と、Vue.jsで作られたシングルページアプリケーション(SPA)からなります。また、SPAはExpressが動くフロントエンドサーバでサーバサイドレンダリング(SSR)します。APIサーバはSPAかフロントエンドサーバだけが呼び出します。各ロールはサブドメインが異なります。 APIサーバでセッションIDを持つCookieを発行し、Redisを用いてセッション管理します。また、APIサーバへのセッションが有効なリクエストはフロント

                                                        SPA+SSR+APIで構成したWebアプリケーションのセッション管理 - Pepabo Tech Portal
                                                      • モダンフロントエンドで始めるつらくないReactディレクトリ構成 - RAKUS Developers Blog | ラクス エンジニアブログ

                                                        はじめに こんにちは、ラクスフロントエンド開発課の斉藤です。 記事タイトルはReact開発者なら知る人ぞ知るりあクト! TypeScriptで始めるつらくないReact開発のパロディです。とてもわかりやすい入門書なのでReact初学者の方には学びの第一歩として自信を持ってオススメできます! さて今回は、モダンなフロントエンド技術を採用したうえで、極力シンプルで開発体験を損なわないようなディレクトリ構成を考えてみたので共有したく記事にしました。現在実際に運用しているのですが、今のところ大きな問題も無くチームからの不満も上がっていません。しかし、個人的に微妙な部分もあるのでそちらの紹介も行いたいと思います。 今回、構成を考えるにあたって重視したポイントは以下の3点です。 新しく参入するメンバーでもすぐに理解できるシンプルな構成にしたい テストやリファクタしやすい構成にしたい できればルールが厳

                                                          モダンフロントエンドで始めるつらくないReactディレクトリ構成 - RAKUS Developers Blog | ラクス エンジニアブログ
                                                        • スタートアップの小規模Webサービスのリアルな技術スタック - Qiita

                                                          はじめに プレースホルダというスタートアップのWebエンジニア兼マネージャーのAkahoriです。 弊社はエンジニアは10人以上いるものの、Webエンジニアは私含め3人ほどです。 3人のWebチームで、どのような理由で、どのような技術を使っているか、苦労している点などを共有します。 サービス概要 先月、リトルスパークというサービスをリリースしました。 子ども向けの、オンラインでの習い事プラットフォームで、先生と生徒をマッチングしています。 技術的にはいくつかの特徴を持ち、今回サンプルとして解説します。 授業はライブ授業のみで、お互いにZoomで行います。 ZoomのIDは弊社で管理し、先生側、生徒側、双方が参加ボタン1つで参加できるようになっています。 コース登録(審査有り)や日程登録、プロフィール更新などは全て先生が行うため、その仕組みがあります。 言語・フレームワーク・ライブラリ サー

                                                            スタートアップの小規模Webサービスのリアルな技術スタック - Qiita
                                                          • Terraformのベストなプラクティスってなんだろうか | フューチャー技術ブログ

                                                            はじめにこんにちは、TIG DXユニット 1の木村です。 入社以降ずっと触ってきたTerraformですが、巷ではWorkspace派だったり、module派だったり、ディレクトリ完全分離派だったり、様々な流派(プラクティス)が乱立しているのを目にします。私自身ベストな構成を模索していく中で辿り着いた結論は、ケースバイケースで全てのデザインパターンに対応できる万能なものは存在しないのかな (当たり障りないですね..)ということです。 そんなわけで、様々なTerraformの流派を紹介し、各流派がどのようなパターンに向いているのか(はたまた不向きなのか)の個人的見解をまとめてみました。 ※本記事中のサンプルコードはすべて Terraform 0.12、 provider google cloud で解説してます Terraformとは?当社過去記事に解説があります。Terraformの概要や

                                                              Terraformのベストなプラクティスってなんだろうか | フューチャー技術ブログ
                                                            • そのファイル、本当に hooks/・utils/ に入れるんですか? ―― React プロジェクトを蝕む「見かけ駆動パッケージング」 - Qiita

                                                              そのファイル、本当に hooks/・utils/ に入れるんですか? ―― React プロジェクトを蝕む「見かけ駆動パッケージング」設計アンチパターンReact 結論 (2023/06/03 追記) React の開発においては、 コロケーション Co-location の原則に従って、ファイルをディレクトリごとに分類しましょう。チームメイトや将来の自分にとって分かりやすいコードベースになります。 スキット「書くときは楽だけど...」 == 某日 == 太郎くんの今日のタスクは、「トーストを作る」です。 イメージ図 太郎くん 「コンポーネントを作るから..」 「ファイルの場所は components/Toast.tsxでええか。」 「useState でローカルに状態管理して、表示を切り替えればええやろ。」 太郎くん「ヨシ!」 この記事は、拙スクラップの一項目をモノローグ形式で分かりやす

                                                                そのファイル、本当に hooks/・utils/ に入れるんですか? ―― React プロジェクトを蝕む「見かけ駆動パッケージング」 - Qiita
                                                              • Design Doc for react-boilerplate-2022

                                                                これは何? React(Next.js)アプリケーションのテンプレートのための Design Doc React(Next.js)アプリケーションのテンプレートとして実装したリポジトリ shimpeiws/react-boilerplate-2022 の設計についてのDesign Docです SSR/ISRはせずnext exportしてStatic Fileを出力する構成です API Routesを使っていますが、API接続コードをローカルで動作させるためのもので本番動作させるためのものではありません Design Doc 本ドキュメントは実装したリポジトリの構成、ライブラリの選定理由など設計についての背景を示すためのドキュメントという位置づけです 「デザインドックで学ぶデザインドック」(https://www.flywheel.jp/topics/design-doc-of-desig

                                                                  Design Doc for react-boilerplate-2022
                                                                • AWSのスペシャリストが勧める Lambdaではじめるサーバーレス環境


                                                                  PythonPython56 AWS LambdaLambdaAWS西 AWSJ 西西AWS Lambda 西
                                                                    AWSのスペシャリストが勧める Lambdaではじめるサーバーレス環境
                                                                  • リモートワーク 在宅勤務 テレワークにAWSを活用するパターン集 | DevelopersIO


                                                                      "No human labor is no human error"   //  // AWS  AWS  Client VPN   Client VPN 使  VPN 2 Multi-AZ   VPN  Active Directory ()  Active Directory AD  (AD) 
                                                                      リモートワーク 在宅勤務 テレワークにAWSを活用するパターン集 | DevelopersIO
                                                                    • Terraformなにもわからないけどディレクトリ構成の実例を晒して人類に貢献したい - エムスリーテックブログ

                                                                      こんにちは、エムスリーエンジニアリンググループの福林 (@fukubaya) です。 さいたまスーパーアリーナは、埼玉県さいたま市中央区にある多目的アリーナ。本文には特に関係ありません。 最近、Terraformを書くことが多く、知見が貯まりつつあった時にちょうどディレクトリ構成に関する記事を読んでタイミングがよかったので、 今回はTerraformのディレクトリ構造の実例を晒したいと思います。 結構固まってきたからうちのチームの構成も晒してみようかな。 | Terraformのディレクトリ構成の模索 - Adwaysエンジニアブログ https://t.co/31FMkcCJOo— Yuichiro Fukubayashi (@fukubaya) July 3, 2020 クラウド化推進 なぜ定番が決まらないのか 前提となる条件 本番環境と検証環境はほぼ同じ構成 レポジトリとtfstat

                                                                        Terraformなにもわからないけどディレクトリ構成の実例を晒して人類に貢献したい - エムスリーテックブログ
                                                                      • AWSでAZ障害が起きたのでなるべく影響を受けない構成の考えを書いておく - なんかかきたい


                                                                        AZ  AWSAZAWSAWS AZ AWSAZ AZ  
                                                                          AWSでAZ障害が起きたのでなるべく影響を受けない構成の考えを書いておく - なんかかきたい
                                                                        • 原稿の校正作業で編集者が指摘した箇所…あなたは見分けがつきますか?「こんなの見つけられない…」「ボディがちょっとだけ違う」

                                                                          越前敏弥 Toshiya Echizen @t_echizen 文芸翻訳者。全国読書会トラベラー。訳書『オリンピア』『ロンドン・アイの謎』『十日間の不思議』『生か、死か』『オリジン』『ストーリー』『世界文学大図鑑』『解錠師』『ダ・ヴィンチ・コード』『Yの悲劇』など。著書『翻訳百景』『文芸翻訳教室』『名作ミステリで学ぶ英文読解』『日本人なら必ず誤訳する英文』など。 https://t.co/xLAxViOYwK

                                                                            原稿の校正作業で編集者が指摘した箇所…あなたは見分けがつきますか?「こんなの見つけられない…」「ボディがちょっとだけ違う」
                                                                          • Flexboxでレイアウトする時、その背後にある思考プロセス

                                                                            Flexboxはフレキシブルで、レイアウトをする時に非常に便利です。しかし、便利な機能と混乱を招く可能性がある機能があり、その背後にある思考プロセスについての一例を紹介します。 The Thought Process Behind a Flexbox Layout 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Flexboxについて学びたい方は、以下の記事をご覧ください。 独学の人にオススメ!CSS Flexboxの基礎を一通り学べるチュートリアル CSS Flexboxの各プロパティの使い方を詳しく解説 Flexboxレイアウトの背後にある思考プロセス 2つのボックスを並べて配置、Flexboxはそういったものが得意だと聞いています。 親要素に「display: flex;」を加えるだけで、子は並べて配置される クールですね

                                                                              Flexboxでレイアウトする時、その背後にある思考プロセス
                                                                            • Python でクラウドの構成図を作ろう!『Diagrams』でね - 継続は力なり

                                                                              タダです. 皆さん,普段システムの構成図ってどうやって管理していますか?Excel や PowerPoint,専用のツールを使われていたり色々な方法で管理されているのですが,以前 PlantUML の形式で作図できる「AWS-PlantUML」を紹介させてもらいました. sadayoshi-tada.hatenablog.com 今回も同じコードでの作図ですが Python で記述できるツールの「Diagrams」を紹介します. github.com Diagrams の概要 Diagrams の導入 Diagrams での描画 Web3層構造 サーバレスアーキテクチャ まとめ Diagrams の概要 「Diagrams」は Python でクラウドサービスのアーキテクチャを作図するツールです.「Diagrams」では AWS のほか,Azure,GCP,Alibaba,Oracle C

                                                                                Python でクラウドの構成図を作ろう!『Diagrams』でね - 継続は力なり
                                                                              • 新卒研修でDevOpsの歴史を語った件

                                                                                こんにちは、GMOアドマーケティングのmizkichです。 アドテクなマイクロサービスをGCPのKubernetesで運用しています。 GMOではグループ全社の新卒エンジニアに向けて、技術力向上・適性判断を目的とした研修プログラム「GMOテクノロジーブートキャンプ」を毎年実施しています。 今年度は非常勤講師として「DevOpsで必要とされるエンジニアスキルの変化」というタイトルで登壇させて頂きました。 「DevOpsと継続的デリバリーの関係性」や「技術の進化によりエンジニアの担当領域の変化」などを踏まえ、DevOps時代のエンジニアの技術スタックの広さを解説しています。 この記事では、この講義を作る事になった顛末や発表資料の共有などをしたいと思います。 ・GMOテクノロジーブートキャンプとは 社内では略してGTBと呼んでいます。 GTBの内容を端的に言うと、一ヶ月の集中講義で新卒に成果物を

                                                                                  新卒研修でDevOpsの歴史を語った件
                                                                                • Sassのモジュールシステムを@importから@useに移行する方法を考えてみた

                                                                                  先日、KOJIKA17さんの「Sassを@importから@useに置き換えるための手引き 」という記事を見て、2022年10月ころにはSassで@importが使えなくなる可能性があることを知りました。まだ2年ありますが、新しく取り組むプロジェクトでは@useを使ったモジュールシステムにしたいので、自分が使っている構成の置き換えについて考えてみました。 まずはアイディアをシェアをして叩き台にしてもらうのが目的ですが、他に良い書き方があったらぜひアドバイスいただきたいというのもあります。 試しながら、考えながら書いているので内容は変更される可能性が高いかもしれません。 Sassの新モジュールシステムについて Sassの新しいモジュールシステムについては、上述の記事や SHIFTBRAINさんのブログ がわかりやすかったです。ありがとうございます。 公式の発表と@useと@forwardのド

                                                                                    Sassのモジュールシステムを@importから@useに移行する方法を考えてみた

                                                                                  新着記事