タグ

設計とwebに関するjsstudyのブックマーク (13)

  • Engadget | Technology News & Reviews

    'Extreme' geomagnetic storm may bless us with more aurora displays tonight and tomorrow

    Engadget | Technology News & Reviews
    jsstudy
    jsstudy 2020/04/21
    買収後のシャープ=ホンハイの技術力が判明。マスクの通販サイト部分だけAWSやGCPなどに移せば済むのでは?簡単に移動/スケールできない設計なんだろうね?(仮想化やマイクロサービス化がなされていない?)
  • Laravelでクリーンアーキテクチャ - Qiita

    この記事は次の記事の続編に近い内容となっています。 もし可能であればこちらの記事を読み進める前に、次の記事をご覧いただくとより内容がわかりやすいでしょう。 Laravelで実践クリーンアーキテクチャ: https://qiita.com/nrslib/items/aa49d10dd2bcb3110f22 はじめに 皆さんこんな図をご存知でしょうか。 The Clean Architecture: https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html これはクリーンアーキテクチャというアイデアを表した図です。 同心円が特徴的な図ですね。 この同心円は、最も重要なビジネスロジックを中心に見据えることで外界の変化から防衛、対応していこうというコンセプトを表しています。 より具体的にいえば、ビジネス

    Laravelでクリーンアーキテクチャ - Qiita
    jsstudy
    jsstudy 2020/02/29
    Presenter を用意することで戻り値を用意する必要がなくなりました。結果として処理の方向は一方向に固定されます。処理の流れが一方向ということは理解しやすいはずです。処理を一方向に固定することに意義がある。
  • Laravelで実践クリーンアーキテクチャ - Qiita

    この記事を書くにあたって Laravel について色々サポートしてくれた皆さまに向けてお礼申し上げます。ありがとうございました。 記事はクリーンアーキテクチャに対する理解を深めていただくために、「実践クリーンアーキテクチャ」の内容を Laravel で実装して解説するという内容になっています。 記事のゴールは「クリーンアーキテクチャに対する理解を深めてもらう」というものです。つまり、この実装の形は一例に過ぎません。 はじめに 皆さんクリーンアーキテクチャはご存知でしょうか。 そう、こんな図のアレです。 The Clean Architecture: https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html クリーンアーキテクチャといえばこちらの象徴的な図をまずは思い浮かべるでしょう。 この図を

    Laravelで実践クリーンアーキテクチャ - Qiita
    jsstudy
    jsstudy 2020/02/29
    おまけ 妥協せず Presenter を使う形にしてみました。 https://qiita.com/nrslib/items/eaf39be65b2ebe5ccf08
  • 実践クリーンアーキテクチャ │ nrslib

    YouTube での解説 YouTube にて Java コードをベースに解説を行いました。 コードの雰囲気は C# とほとんど同じなので参考になるかと思います。 もしよければご覧ください。 Java コードの記事リンク:https://nrslib.com/clean-architecture-with-java/ その他解説もしています。もしよろしければチャンネル登録をお願いいたします。 Qiita 版 Qiita に CUIGUI 向けのクリーンアーキテクチャの記事を書きました。 ボブおじさんのクラス図を模したものです。 Web とはまた異なった実装になるので、もしよければ合わせてご参照ください。 https://qiita.com/nrslib/items/a5f902c4defc83bd46b8 さらに PHPLaravel 版も作ってみました。 https://qi

    実践クリーンアーキテクチャ │ nrslib
    jsstudy
    jsstudy 2020/02/29
    クリーンアーキテクチャを実践するにあたって、そのレイヤーの分割さえ適切に行うことができればその形に拘る必要はないでしょう。Presenter を使うか使わないかの選択はその最たる例だと思います。
  • 実装クリーンアーキテクチャ

    最近何かと騒がしいクリーンアーキテクチャですが、丁度プロダクトで採用したところだったので折角なので情報共有ということで Qiita の初記事にしてみようと思います。 こちらの記事は GUI や CUI のアプリケーションを対象にしています。 Java コードの記事リンク:https://nrslib.com/clean-architecture-with-java/?preview_id=1263&preview_nonce=542ba7b70f&_thumbnail_id=1293&preview=true その他解説もしています。もしよろしければチャンネル登録をお願いいたします。 より実践的なコード(WEBアプリケーション): https://github.com/nrslib/itddd/tree/master/CleanLike YouTube での解説(WEBアプリケーション):

    実装クリーンアーキテクチャ
  • URLの最大長は2048文字ぐらいまでと考えておくほうが無難 - コード日進月歩

    2018年今現在の所感ですが、いろいろな方面で考えてみます 各視点ごとの見解 RFC定義としての見解 3.2.1 一般構文 HTTP プロトコルでは、URI の長さにどんな制限も設けていない。 サーバは、自身が持つどんなリソースの URI も扱えなければならないし、もしそのような URI を生成する GET ベースのフォームを用意するなら、無制限の長さの URI を扱えるべきである。 もし、その URI がサーバが処理できるものよりも長ければ、サーバは 414 (Request-URI Too Long) ステータスを返すべきである (section 10.4.15 参照)。 ハイパーテキスト転送プロトコル -- HTTP/1.1 HTTP2.0だとどうなのよという話はありますが、HTTP2.0のRFCであるRFC7540には特段URIに関しての記載がないのでHTTP1.1と変わらないと思

    URLの最大長は2048文字ぐらいまでと考えておくほうが無難 - コード日進月歩
    jsstudy
    jsstudy 2019/12/22
    InternetExplorerは2083文字と公式で案内している。Googleの方が2000文字ぐらいであるといいという見解を出したこともあったが当時の話なので今なおそれが有益かはわからない。2048文字以下が適当な長さと考えたほうが良さそう
  • Webサイトのディレクトリ構造とその命名規則に悩む - Qiita

    Webサイトのディレクトリ構造とその命名って、特に決まりがなくて迷う 筆者は英語についてはほとんどよく知らないため、完全な独断による記事。 ただし、できるだけモヤモヤしないことを優先し、筋が通っていそうなルールを目指す。 画像・スクリプト・スタイルシート等をHTMLと分けて入れるフォルダの名前をどうするか? よくある名前 ルート直下に「HTML以外をまとめるフォルダ」を作るときは、 特に決まりはないが、だいたい以下のような名前が多いと思う。 assets, public, module, modules, common, commons, resource, resources それぞれの単語の意味合いをまとめまた。リンクをクリックするとweblio辞書に飛ぶ assets:複数形で 個人・会社の 財産・資産 public: 公開の・共有の modules:モジュール commons:共通

    Webサイトのディレクトリ構造とその命名規則に悩む - Qiita
    jsstudy
    jsstudy 2019/12/07
    assets -- コンパイル後に残らないフォルダは、先頭に「_」を付ける vendor -- 外部ライブラリはここ。bower_componentの名前を変えて運用 js css img
  • Polymer Project

    The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co

    jsstudy
    jsstudy 2019/11/26
    Polymerは、polymer Webコンポーネントを使用してウェブアプリケーションを作成するためのオープンソースのJavaScriptライブラリ。GoogleのMaterial Designを利用したモダンなデザイン原則が実装されている。
  • 歴史から学ぶ現代のフロントエンド

    フロントエンドカンファレンス福岡2019 の資料です。 https://frontend-conf.fukuoka.jp/

    歴史から学ぶ現代のフロントエンド
  • Web開発アーキテクチャ「JAMスタック」がなぜ人気になっているのか

    静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMスタック」です。JAMスタックとは何なのか、なぜJAMスタックが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに JAMスタックとは JAMスタックを使用する利点 JAMスタックはなぜ人気があるのか まとめ JAMスタックの有用なリソース はじめに 最近、静的サイトジェネレーターが非常に普及してきています。静的サイトジェネレーターは使い方が簡単で、最新のテクノロジーVue.jsやReactなどのJavaScriptフレームワークに基づいて実装されています。静的サイトジェネレーターをは

    Web開発アーキテクチャ「JAMスタック」がなぜ人気になっているのか
    jsstudy
    jsstudy 2019/11/06
    NetlifyはJAMstackという新しい用語を発表しました。JAMstackは静的なHTMLサイトで、コンテンツを更新するたびに自動的に再構築され、CDNに直接デプロイされます。ちなみにJAMstackのJAMは、JavaScript、API、Markupの頭文字です
  • ネコのアプリで世界7位をとったので、やったこと全部さらす - Crieit

    タイトルにある「ネコのアプリ」というのは、僕が作ったものではありません。個人開発者が集まるslackグループ、運営者ギルド仲間の@ampersand_xyzさんが作ったものです(アプリの詳細はこちら)。 今回、そのアプリを世界最大級のプロダクト紹介サイトProduct Huntにて紹介したところ、その日のランキングで7位を獲得したというお話です。 対象読者 個人開発者や、スタートアップの方で、海外に自分の作ったプロダクトをローコストで広めたい方。 およそ1万字の記事なので、時間があるときにじっくり読んでいただければと。 なぜやったのか 自分が作ったアプリの海外展開を行うにあたって、海外の三大プラットフォームの動きを事前に体験してみたかったからです。 少しだけ自己紹介をすると、shinji といいまして、サイドプロジェクトとして個人開発で下記のようなサービスを運営しています。 日程調整アプリ

    ネコのアプリで世界7位をとったので、やったこと全部さらす - Crieit
    jsstudy
    jsstudy 2019/11/04
    id:shinji0213 @__shinji__ "ベトナムで開発会社を立ち上げて7年目。日中は経営とチーム開発、夜は個人開発者としてエンジニア向けの英語学習サイト エンジリッシュや日程調整アプリ アイテマス 作ってます!"
  • Webシステムアーキテクチャの地図を描く構想 - ゆううきブログ

    この記事は第5回Webシステムアーキテクチャ研究会の予稿です。 はじめに Webサービスにおいては、スマートフォンの普及によるアクセス増加に対してスケーラビリティを持ち、個人向けだけでなく企業向けサービスの可用性の要求に耐えられるようなシステム設計が必要とされている。 さらに、Webサービスが人々の生活に浸透したために、Webサービス事業者はサービスを長期間運用することが当たり前となっている。 その間、新機能開発、ソフトウェアの実行効率化、セキュリティ向上などを目的に、システム管理者は自身が管理するソフトウェア群を更新しつづける必要がある。 このような多様な要求を満たすために、Webサービスを開発・運用するエンジニアには、OSやデータベース、ネットワーク、分散システム、プログラミング言語処理系などのコンピュータ工学における広範囲の基礎知識と、ミドルウェア、オペレーション自動化のためのソフト

    Webシステムアーキテクチャの地図を描く構想 - ゆううきブログ
    jsstudy
    jsstudy 2019/10/05
    Webアプリは本来1つで完結してるネイティブアプリがインターネット越しにクライアントサイドとサーバーサイドの2つのパートに物理的に分割されてるだけ→C/S間の接続を抽象化して隠せば従来のGUI設計手法もWebで有用?
  • フロントエンドのつくりかた

    フロントエンドの特定技術について語る解説は多くあれど、そもそもフロントエンドのつくりかたについて語った解説は多くないのではないでしょうか。 フロントエンドという大きな領域ですので恐れ多くもありますが、私が GUI プログラミングに携わった経験をもとにお話した内容のスライドとその補足をここでしたいと考えます。 スライド スライドのページ数は多いですが、差分がほとんどですので、それほど構える必要はないです(カーソルキーに負担がかかるという問題を除いて)。 補足解説 大きなテーマごとに補足をしていきます。 スライドで取り上げているテーマは次の4つです。 GUI アーキテクチャパターン データの同期 エラーハンドリング コンポーネント構造 「GUI アーキテクチャパターン」はいわゆる MVC や MVP といわれるものがどういったものかを解説する章です。 「データの同期」は画面と実際のデータが離れ

    フロントエンドのつくりかた
    jsstudy
    jsstudy 2019/09/01
    GUIに限らず、コードに限らず、すべてにおいて理解の柱となるのはベクトルです。一定のやり方で、一定のデータフローで、というようにそこにあるベクトル(方向)を意識することがシンプルさのためにもっとも重要
  • 1