並び順

ブックマーク数

期間指定

  • から
  • まで

401 - 440 件 / 20574件

新着順 人気順

designの検索結果401 - 440 件 / 20574件

  • テスト駆動開発:実はそれは設計技術です

    テスト駆動開発(TDD)は、より優れたソフトウェアを持続的に早く提供するための確立された手法です。TDDは単純な考えに基づいている。製品コードを書く前に失敗するテストを書くことです。新しい行動が必要ですか?失敗するテストを書いてください。しかし、この一見単純な考えをうまく実行するには、スキルと判断が必要です。 TDDは本当に設計のためのテクニックです。TDDの基礎は、小規模なテストを使用してボトムアップを早急に設計することであり、システムへの信頼を構築しながら迅速に何らかの価値を得ることです。よりよい名前はテスト駆動設計かもしれません。 設計方法としては、集中と単純さです。目標は、開発者が価値を提供する上で不要な余分なコードを書くことを防ぐことです。問題を解決するのに必要最小限のコードを書くことです。 多くの記事がTDDを行うことのすべての利点を誇りにしています。そして多くの技術会議の講演

      テスト駆動開発:実はそれは設計技術です
    • モノリス分割はこうやる!「How to break a Monolith into Microservices」を読んだ - kakakakakku blog

      研修中に「マイクロサービス」の解説をしていると,たまに「モノリス分割」に関する質問が出てディスカッションをすることがある.当然ながら万能な分割アプローチはないけど,例えば DDD (Domain-driven design) などのアプローチを選択するなど,選択肢はいろいろある.そして最近「モノリス分割」に役立つアプローチを紹介した martinfowler.com の記事「How to break a Monolith into Microservices」を読んだ. 具体的には以下の「計8種類」のアプローチが紹介されている.原著を翻訳するのではなく,あくまで個人的なメモとしてまとめる.なお,日本語も個人的に載せているため,参考程度にしてもらればと! Warm Up with a Simple and Fairly Decoupled Capability(シンプルかつ分離された機能で準

        モノリス分割はこうやる!「How to break a Monolith into Microservices」を読んだ - kakakakakku blog
      • ゼロトラストアーキテクチャ 適用方針

        ゼロトラストアーキテクチャ 適用方針 2022 年(令和 4 年)6 月 30 日 デジタル庁 〔標準ガイドライン群ID〕 DS-210 〔キーワード〕 ゼロトラスト、ゼロトラストアーキテクチャ、 〔概要〕 政府情報システムのシステム方式について、より堅牢なシステム構築の観 点からゼロトラストアーキテクチャの適用方針を示す。 改定履歴 改定年月日 改定箇所 改定内容 2022年6月30日 初版決定 i 目次 1 はじめに ......................................................... 1 1.1 背景と目的 .................................................. 1 1.2 適用対象 .................................................... 1

        • 書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog

          皆さんこんにちは。今回は、2022年7月25発売の『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』を読み終わったので、書評という形で感想と紹介を述べたいと思います。筆者はもともと技術書を読まず「ネットでいいやん」派だったのですが、このたびTypeScript入門書を出版したこともあり、それを過去の話として葬り去るべく技術書を読んでいくことにしました。せっかくなので、読んだ技術書の感想等を紹介します。 おことわり: この記事では、「筆者」とはこの書評を書いた人を指し、『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』を書いた人たちのことは「著者ら」と呼びます。また、この記事の内容はすべて筆者の個人的な見解であり、本の内容や本を読んで得られる知識について何らかの保証をするものではありません。 筆者について筆者

            書評『TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発』 - uhyo/blog
          • 日本の半導体産業が弱体化しても製造装置産業はなぜ強さを維持できたのか(津田建二) - エキスパート - Yahoo!ニュース

            最近になってやっと新聞紙上でも、半導体が日本で重要だという見方がでてきた。しかし、日本は半導体といっても半導体製造装置や材料が強いのであって(図1)、半導体チップが強い訳ではない。かつて、霞が関(経済産業省)と総合電機が一緒になって、半導体はDRAMをやめシステムLSIをやれと大号令をかけてきたが、全て失敗した。日本のDRAMは、韓国やマイクロンに負け、パソコン需要を狙った安価なDRAMを作れなかったためだ。しかし、その後も低コストの設計技術、製造技術を軽視してきた。 図1 2020年の世界の半導体製造装置・検査装置メーカー上位10社 この内東京エレクトロン(TEL)、アドバンテスト、SCREEN、日立ハイテクの4社が日本企業 出典:VLSI Research 今残った国内大手3社、キオクシアとソニーセミコンダクタソリューションズ、そしてルネサスエレクトロニクスの内、キオクシアとソニーは昔

              日本の半導体産業が弱体化しても製造装置産業はなぜ強さを維持できたのか(津田建二) - エキスパート - Yahoo!ニュース
            • 旭日旗の禁止はしない方が良い理由 - 黒色中国BLOG

              【「旭日旗」の禁止は予定していない=東京五輪組織委員会】 日本の東京五輪・パラリンピック組織委員会は13日、「旭日旗」の掲示に政治的意味合いはなく、使用を禁止する計画はないと述べた。https://t.co/OLBNd5jFLd — 🥮くろ⭐️いろ✨中国。🐕 (@bci_) September 13, 2019 このしばらく、ずっと旭日旗の禁止の是非がツイッターでも話題になっている。 そう言えば最近、旭日旗は海軍だけが使ってたと思いこんでいるネトウヨがいたので驚いた。連隊旗だって旭日旗だと教えたら、気まずかったみたいで適当にスルーされた。こういう人たちが旭日旗をオリンピックに持ち込もうとしていること自体、旭日旗に対する「不敬」であり「侮辱」ではないかと思ったw https://t.co/0f2QaTemFc — 🥮くろ⭐️いろ✨中国。🐕 (@bci_) September 7, 2

                旭日旗の禁止はしない方が良い理由 - 黒色中国BLOG
              • 自作RDBMSやろうぜ!(Zenn出張版)

                Disclamer 本記事は自作DBMSやろうぜ! のページの 22/05/27 JST 22:38 の時点での内容をZenn記事向けに修正して作成したものです 元コンテンツのライセンスについては以下をご参照ください LICENCE 元コンテンツの方は更新が継続されていますので、よろしければそちらもご覧ください この記事の目的 RDBMS(いわゆるリレーショナルデータベース)というものはプログラミング言語の処理系や、OSなどと同様に、世の中で広く使われているソフトウェアであるにも関わらず、いざ自作してみようと思うと日本語で記述されている必要な情報・情報源がまとまったサイトやブログ記事がないことに気づきました そこで、叩き台として、筆者および数名のコミッタで開発している自作RDBMSである SamehadaDB が軌道に乗るまでの経験をベースに、自作RDBMSに関する情報をある程度整理して書

                  自作RDBMSやろうぜ!(Zenn出張版)
                • 【2024年度】エンジニア向け研修資料まとめ - Qiita

                  はじめに 本記事では無料で公開されている企業のエンジニア向け研修資料をまとめました。 近年では、多くの企業が新人向けの研修資料を公開しています。これらの資料は内容が充実しており、初心者から中級者まで幅広いレベルの学びを得ることができます。さらに、資料の作り方も参考になるため、勉強会で発表する人や企業の研修担当者にとっても貴重な情報源となっています。 本記事では様々な企業のエンジニア向け研修資料をまとめましたので、ぜひ参考にしてみてください! 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 この記事の主な対象者 有名企業の研修資料を幅広く確認したい方 エンジニアとして初級から中級レベルの方 独学で学んでいる方 今後研修資料

                    【2024年度】エンジニア向け研修資料まとめ - Qiita
                  • Miyamoto | DeNA Design on Twitter: "なぜかあまりネットに流れてない情報なんですけど。UXデザイン界隈では有名な「グーグルUXデザインプロフェッショナル認定証」って講座があるんですが、実はそのコース3でFigmaのEducation planの特典があります。 社会人… https://t.co/1pURyKMUCt"

                    なぜかあまりネットに流れてない情報なんですけど。UXデザイン界隈では有名な「グーグルUXデザインプロフェッショナル認定証」って講座があるんですが、実はそのコース3でFigmaのEducation planの特典があります。 社会人… https://t.co/1pURyKMUCt

                      Miyamoto | DeNA Design on Twitter: "なぜかあまりネットに流れてない情報なんですけど。UXデザイン界隈では有名な「グーグルUXデザインプロフェッショナル認定証」って講座があるんですが、実はそのコース3でFigmaのEducation planの特典があります。 社会人… https://t.co/1pURyKMUCt"
                    • GitHubのスターは金にならない - Qiita

                      Sizzyというツールがあります。 様々なサイズの画面を同時に表示し、レスポンシブレイアウトがどうなるかを一気に確認できるという便利なツールです。 スマホ向けWebサイトを開発している人なら、持っていると非常に便利でしょう。 参考:レスポンシブの確認ツール、後発だけに便利!スマホ・タブレットの主要なデバイスでの表示確認が同時にできる -Sizzy / 『Sizzy』様々なデバイスでのサイト表示を確認出来る便利サイト さてこのSizzy、元々無償のChromeエクステンションだったのですが、先日2019年7月に単独のアプリとして有償化されました。 一人あたり月5ドル(団体割引あり)のサブスクリプション制です。 以下は作者のKizte( Twitter、Medium、Webサイト )がその理由や経緯を綴った記事、GitHub stars won't pay your rentの日本語訳です。

                        GitHubのスターは金にならない - Qiita
                      • 「海外映画の日本版ポスター、文字多くて微妙になりがち問題」について、案件を手掛けるデザイナーが語る背景が勉強になる「なんなら本国が説明を要求してくる場合もある」

                        困助(こますけ)@デザイナー @komasuke_design この手のお仕事をするので、気持ちは凄く解るのですが、様々な理由が関係して文字が多くなる事が多いです。理由としては、 ●予算の関係上、多くの宣伝物を作れない場合、配給会社が保険をかける意味でも、あらすじ等多くの文言を入れる傾向がある。 ●文言の確認に本国確認を入れる場合、確認に非常に時間がかかる為(一文字変えただけで、ざらに10営業日はかかる)過不足なく説明しようとする。 ※さらに、国内で確認が各部署で発生する場合も多い。 ●なんなら、その説明を本国側が要求してくる場合がある。 ●そもそも、ポスター自体の芸術性が売上に直結しにくいためか、説明的になりやすい。 以上の理由から、文言が多くなりやすいですし、他にもかなり制約がある上でデザインをします。 あくまで、私が関わった仕事における話ですが。 2024-06-09 22:59:5

                          「海外映画の日本版ポスター、文字多くて微妙になりがち問題」について、案件を手掛けるデザイナーが語る背景が勉強になる「なんなら本国が説明を要求してくる場合もある」
                        • 【翻訳】ハイパフォーマンスチームを作るためにプロダクトオーナーがすべき10のこと

                          みなさんこんにちは。@ryuzeeです。 スクラムにおいて、スクラムチーム全体のパフォーマンスをどのようにして上げていくかは難しいテーマですが、プロダクトオーナーの視点でこれを捉えた「10 things you must do to build high-performing Scrum Teams as a Product Owner」という記事が良い記事だったので、翻訳したものをご紹介します。 翻訳に際しては、著者のMaarten Dalmijnさんに快諾いただきました。 なお、著者のMaartenさんはほかにもプロダクトオーナーに関する有用な記事を書いているので、参考にするとよいかと思います。 プロダクトオーナーの開発チームへの関わり方は、開発チームのパフォーマンスにおいてとても重要です。ダメなプロダクトオーナーだと、ハイパフォーマンスチームを簡単に潰してしまう可能性があります。 私

                            【翻訳】ハイパフォーマンスチームを作るためにプロダクトオーナーがすべき10のこと
                          • Web制作を変える!2021年の便利オンラインツール・ベスト100選

                            この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(11個) 2. パターンツール(3個) 3. イラスト系ツール(9個) 4. デザインツール(17個) 5. 配色ツール(7個) 6. グラデーションツール(12個) 7. SVGツール(9個) 8. スクリーンシ

                              Web制作を変える!2021年の便利オンラインツール・ベスト100選
                            • 効果検証入門から見直す 「データサイエンス」

                              スポーツメトリクス設計に対比較法を使いまくる / Sports metrics design using pairwise comparison method (spoana#14)

                                効果検証入門から見直す 「データサイエンス」
                              • Macの開発環境構築を自動化する 2019年夏版

                                私は年に 1 回、自宅と職場の 2 台の Mac をクリーンインストールでアップデートするのですが、開発環境の構築をある程度自動化しています。来年のために手順を残しておくので、参考にどうぞ。 目次 これまで 事前準備 Brewfile を作成する AppStore にログインしておく パッケージをインストール 再起動 パッケージのインストール後 Brewfile に書けるパッケージの探し方 おわりに これまで 自動化を始めたのは多分 2013 年とかその頃。使っていたツールは Brewfile に始まり、Ansible を経て、去年は rcmdnk/homebrew-file を使っていました。Ansible 時代が一番長かったと思います。2019 年のクリーンインストールの時期になり、セットアップはどうしようかと調べたところ、Homebrew/homebrew-bundle が Home

                                  Macの開発環境構築を自動化する 2019年夏版
                                • オープンソースは誰もがヒーローになれる平等な空間 ─ 小さくてもソースコードを公開することが「チャンス」 - Findy Engineer Lab

                                  こんにちは。mattn(@mattn_jp)です。一部の方はご存じかもしれませんが、僕は普段あまり皆さんの前に登場することはありません。どちらかというとお堅いSI業で仕事をしています。社会人になってから今まで一度も、Web業界と呼ばれるB2C(Business to Customer)な職種に転職したこともありません。 ですが、今ではOSS(オープンソースソフトウェア)を通して、多くのエンジニアと友達になり、カンファレンス等で何度かお話しする機会をいただくまでになりました。この記事では、OSSに縁遠いはずの僕が、いかにしてOSSと出会い、そして多くの方たちと知り合うチャンスを得たのかをご紹介したいと思います。 オープンソースとの出会いはVim 日本のVimコミュニティを作る VimConfで作者Bram Moolenaarと握手 Vimから得られたチャンスや出会い GoコミュニティからGo

                                    オープンソースは誰もがヒーローになれる平等な空間 ─ 小さくてもソースコードを公開することが「チャンス」 - Findy Engineer Lab
                                  • GitLab.comはどうやって6TBのPostgreSQLを9.6から11にたった2時間で移行したのか? | DevelopersIO

                                    GitレポジトリのホスティングサービスGitLab.comは2020年の5月に 6TB あるPostgreSQL 9.6クラスターをたった2時間のメンテウィンドウ中に11.7へアップグレードしました。 GitLab.comのエンジニアブログに、このPostgreSQLのメジャーアップグレードプロジェクトが解説されていたので、かんたんにご紹介します。 How we upgraded PostgreSQL at GitLab.com | GitLab ポイント PostgreSQL 9.6から 11.7 へのメジャーアップグレード 2時間のメンテナンスウィンドウ内でアップグレード完了 データサイズは6TB DBクラスターは GCP 上の 12台の VM インスタンスで構成 クラスターはアップグレード用の8台とリカバリー用の4台に分割 pg_upgrade & ハードリンクでインプレースアップグ

                                      GitLab.comはどうやって6TBのPostgreSQLを9.6から11にたった2時間で移行したのか? | DevelopersIO
                                    • 『読書とは、能力、知識ではなく 問いを獲得するための行為』みたいな内容で登壇しました。 - じゃあ、おうちで学べる

                                      問題を解決する能力は確かに重要ですが、それ以上に、何が本当に重要な問題なのかを見極め、それを明確に設定する能力が不可欠です。問いを適切に定義できなければ、どんなに高度な解決技術を持っていても、その力は十分に発揮されません。また、誰にとって適切な問いなのかも考える必要があります。問題解決の過程において、問題そのものの本質を正確に把握し、適切な問いを立てることは重要です。 イシューからはじめよ――知的生産の「シンプルな本質」 作者:安宅和人英治出版Amazon 概要 SREたちの廊下〜あなたの現場での悩み、あの本にヒントがあるかも〜にて「書を捨てよ、現場へ出よう - このSRE本がすごい!2024年 LT版」 というテーマで登壇しました。のイベントは2024年1月末に注目を集めた『このSRE本がすごい!2024年版』をテーマにしたもので、多くの参加者とパネルディスカッションのスピーカーであるT

                                        『読書とは、能力、知識ではなく 問いを獲得するための行為』みたいな内容で登壇しました。 - じゃあ、おうちで学べる
                                      • 商用チラシに使える!おすすめの無料イラスト素材サイト5選

                                        Tweet Pocket 「チラシを作るのでイラストを入れようと思うけれど、どうすれば効果的かな?」 「写真とイラスト、チラシに使うにはどっちがいいの?」 チラシを自作するとき、そんな疑問を抱いたことはありませんか? 実は一般的には、「広告にはイラストよりも写真の方が効果的」だと言われています。 が、もちろん中には「イラストの方が効果的」というケースがあるのです。 例えば、 まだ建築中で写真が存在しないマンションのチラシで、完成予想図をイラストにする 害虫駆除の広告で、虫の写真は不快感を与えるのでかわいいイラストにして印象をやわらげる などが考えられます。 また、イラストを使用する際には使い方にもコツがあり、 顔があるもの(人間や動物など)は小さく載せる リアルすぎるイラストは避ける などの点には注意が必要です。 そこでこの記事ではまず、 ◾️商用チラシにも使える無料イラスト素材サイト5選

                                          商用チラシに使える!おすすめの無料イラスト素材サイト5選
                                        • 本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo

                                          本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか?これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー

                                            本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo
                                          • デザインパターン〜とかアーキテクチャ〜〜とか・・・に行く途中の話

                                            こんにちは、NE会社で働いておりますきんじょう(@o0h_)がお送りします。 弊社ではPHPを用いてアプリケーション開発を行っています(Ruby, Go, Javaも領域によっては利用しております) さて、つい先日のことですが、社内にいるメンバーから「デザインパターンについて、勉強してみてるんだけど・・・」「ちょっとついていくのが難しくて」「どうしたらいいですかね?それとも、先にやっておくべきことが他にありますか?」なんて雑談をしました。 なるほど、コレは頻出質問になりそうだな・・・という気持ちにもなったので、今回はこの場を借りて「デザインパターン[1]、その前に〜個人的に思ったことをツラツラと〜」でお届けしていきたいと思います。 「デザインパターンを(から)勉強してみる」ことの、オススメ/オススメナイ いちおう、今回は「リーダブルコードくらいは読んでいる」「デザインパターンの勉強をしてい

                                              デザインパターン〜とかアーキテクチャ〜〜とか・・・に行く途中の話
                                            • GraphQLスキーマ設計の勘所

                                              Burikaigi 2023 https://burikaigi.dev/

                                                GraphQLスキーマ設計の勘所
                                              • 英語の技術文書を早く読むには - Qiita

                                                英語の技術文書を早く読むにはどうしたらいいでしょうか。 注意: この記事の目的は「技術文書について」「早く大意を読み取る」ことを目的としています。 技術文書でないもの,例えば,小説や詩には当てはまりません。 技術文書を読む場合でも,例えば,「論文を批判的に読むとき」や「扱いが悪いと故障する可能性のあるハードウェアのマニュアルを読むとき」には精読すべきですので,この記事は当てはまりません。 頻出英単語を覚える もし「英語の技術文書を早く読みたい!」と悩んでいるとしたら,多くの場合,英語の技術文書を読むのに,英単語をほぼ全て辞書を引いている,という状況だったりするのではないでしょうか? もしそうでしたら,正攻法となる主な対策は,頻出英単語を覚えるということだと思います。 例えば英語で書かれた論文があったとします。聞いたところによると, 70%は頻出英単語トップ1500(だったと思います。うろ覚

                                                  英語の技術文書を早く読むには - Qiita
                                                • Google、「Material Design」のアイコンを「Figma」で公開/2,000以上ものアイコンが、5つのバリエーションで。商用も可

                                                    Google、「Material Design」のアイコンを「Figma」で公開/2,000以上ものアイコンが、5つのバリエーションで。商用も可
                                                  • 【続】ソフトウェア設計についてtwada技術顧問と話してみた 〜 A Philosophy of Software Design をベースに 〜 - NTT Communications Engineers' Blog

                                                    はじめに 本記事は前回の記事である「ソフトウェア設計についてtwada技術顧問と話してみた 〜 A Philosophy of Software Design をベースに 〜 - NTT Communications Engineers' Blog」の続編です。 前回の記事の内容がベースとなっていますので、「APoSD って何だっけ?」という場合はぜひ前回の記事をご覧になってから、以下にお進みください。 ということで、後編の対話パートにさっそく入っていきましょう! Pull Complexity Downwards iwashi: APoSD では、複雑性を下に追いやる(Pull Complexity Downwards)という話が出てきます。何らかの処理が複雑になる場合、それを隠蔽してインターフェースを極力シンプルに保つ、というのがAPoSDの主張です。 こちらに関しても、社内勉強会中で

                                                      【続】ソフトウェア設計についてtwada技術顧問と話してみた 〜 A Philosophy of Software Design をベースに 〜 - NTT Communications Engineers' Blog
                                                    • 『デザイン思考』という言葉にデザイナーとして改めて向き合って考えた結果得られたもの - Pepabo Tech Portal

                                                      こんにちは、デザイン部デザイン戦略チームでプリンシパルデザイナーをしている咲 @satosio です。 2020年4月にGMOインターネットグループの新卒入社パートナーを対象に「デザイン思考について」約1時間の講義を行いました。この記事ではそこで使用したスライドをもとに「デザイナーにとってデザイン思考とはなにか」を説明していきます。 「デザイン思考」はデザイナーに限った話ではないのですが、「デザイン思考(笑)」というように、言葉自体をなんとなく毛嫌いしてしまっているデザイナーに「デザイン思考」と呼ばれているものの正体はなにかを説明することが本記事の目的です。 結論 概要 共感とはSympathyではなくEmpathy 共感からインサイトを得ることで自分ごと化する デザインとは意思決定の積み重ね 意思決定は「仮説推論」に基づいている デザインの思考法とはフレーミングを用いた仮説推論 デザイン

                                                        『デザイン思考』という言葉にデザイナーとして改めて向き合って考えた結果得られたもの - Pepabo Tech Portal
                                                      • Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division

                                                        Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎かにすることはチームを混乱に陥れることと同義です。 それが SPA 未経験のチームであればなおさらです。 直近のプロジェクトはまさにそんなプロジェクトでした。 本セッションではアトミックデザインのエッセンスを用いてコンポーネント分割の指針を示し、 またコンポーネント実装時に注意すべき事柄についてお話します # URL HomePage: https://nrslib.com Twitter: https://twitter.com/nrslib

                                                          Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division
                                                        • デザイナーがChatGPTに指示されながらECサイトデザインをしてみる実験 | Design Journal vol.25|Sakino Tomiura

                                                          これはなに?昨年末にOpenAIがリリースしたチャット型AIの「ChatGPT」と一緒にデザインしていくプロセスで、実際にどんなことができるか?を実験してみたnoteです。 前提と注意点 🚨まずこのnoteの趣旨は「これらが実用的にデザイン制作に使える!」といったものではありません。 どちらかというと遊びに近く、実験的に行ったもので、結論から言うと現時点では実用的に使える要素はまだ少ないかなと思います。 また、前提として私はまだまだAIやChatGPTについて詳しいわけでは全くなく、これからちゃんと勉強してみようと思ってるぐらいのレベル、という前提で読んでいただけると幸いです。 (AIについて本を読んだり座学的な勉強から入るより「とにかく何かしら触ったりつくったりしてみる」方が楽しめると思い、せっかくなのでその実験の過程をまとめてみました。) 「こういうこともできるよ」「このやり方の方が

                                                            デザイナーがChatGPTに指示されながらECサイトデザインをしてみる実験 | Design Journal vol.25|Sakino Tomiura
                                                          • サービスを停止せずにデータベースリファクタリングする - Pepabo Tech Portal

                                                            2022年7月13日にカラーミーショップで提供開始した「副管理者機能」のアップデートにあたって、従前の挙動を変えずにデータベーススキーマの構造を変える必要がありました。また、サービスの提供を停止することなく、スキーマの構造の変更を進める必要がありました。 この記事では、サービスを停止せずにデータベースの構造を徐々に変更するデータベースリファクタリングをどのように進めたかについて紹介します。 「データベースリファクタリング」とは データベースリファクタリングについて体系的に述べた書籍として"Refactoring Databases"があります。この本では、データベースリファクタリングのさまざまなパターンにおいて、スキーマの変更、データマイグレーション(既存データの移行)、アプリケーションの変更それぞれをどのように進めるべきかについて解説しています。ここでは、"Refactoring Dat

                                                              サービスを停止せずにデータベースリファクタリングする - Pepabo Tech Portal
                                                            • クリーンアーキテクチャの功罪

                                                              クリーンアーキテクチャというと設計における銀の弾丸のように扱われていて、クリーンアーキテクチャを導入するという記事をよく見ます。しかし自分の経験だとクリーンアーキテクチャで書かれているのにもかかわらず開発効率が落ちているという事が多く、いつでも使っておけばいいというものではないと思っています。 最近目にしたクリーンアーキテクチャに対する批判 本筋ではないので詳細は省きますが、あるとき[1][2]にUncle Bobの著書であるCleanシリーズへの批判をXで見ました。 ここで一番載せたかったものが今見つけられないのですが、以下のようなポストがありました。 書籍クリーンアーキテクチャに書いてある内容を抜きにして起こった現象だけを見るとマイナスの方が多い このポストが自分の感じていることを端的に表現できているように感じました。書籍クリーンアーキテクチャの内容を悪いと思いませんが、その影響により

                                                                クリーンアーキテクチャの功罪
                                                              • UXにおけるビジュアルデザインの5つの原則

                                                                スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 日本語版2020年12月17日公開 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断できる(なぜならば、こうした判断は、Don Normanのエモーショナルデザインのモデルでいうところの、本能レベルで展開されることが多いからだ)。しかしながら、レイアウトが視覚的に魅力的である理由を言語化できる人はほとんどいない。だが、優れたビジュアルデザインの原則をグラフィックに活かすことで、エンゲージメントを促進し、ユーザビリティを向上させることは可能である。 ビジュアルデザインの原則は、

                                                                  UXにおけるビジュアルデザインの5つの原則
                                                                • 2021年春開始の新作アニメ一覧

                                                                  2021年春に放送・配信が始まるアニメの数は、昨今の中でも特に多い70本オーバー。 Netflix独占配信アニメの続編「B The Beginning Succession」や、人気キャラクター「ゴジラ」の完全新作TVアニメである「ゴジラS.P<シンギュラポイント>」、週刊少年ジャンプ連載の人気作品を原作としてアニメも長期シリーズ化している「僕のヒーローアカデミア(第5期)」、約6年ぶりに復活を遂げたシリーズ新作「ヘタリア World★Stars」、20年ぶりのアニメ化にも関わらずキャストがほぼ続投という「SHAMAN KING」など、多彩な作品が並びます。 小説や漫画、玩具などの原作がなく、また、続編ものでもない完全なオリジナル新作としては「Vivy -Fluorite Eyeʼs Song-」「ダイナ荘びより」「オッドタクシー」「iii あいすくりん」「擾乱 THE PRINCESS

                                                                    2021年春開始の新作アニメ一覧
                                                                  • SpaceXのロケットが安い理由は再使用ではない、という話|ina111 / 稲川貴大

                                                                    結論:安いロケットエンジンを持っているからである。 SpaceXのFalcon1(退役済み)やFalcon9に使われているMerlinエンジンはRP-1(灯油に似た燃料)と液体酸素(LOX)を推進剤にしたロケットエンジン。A~Dとバージョンがあり、推力は34〜62トン重と2倍近くも差があるエンジンであるが、価格はおよそ1億円だと噂されている。極めて安い。 エンジンだけではなく全体で低コストの方法が取られているが、2002年創業のSpaceXはNASA等の技術をうまく活用している。 この記事ではMerlinに通じるエンジンのうち、日本語での情報が少ないNASAのFastracエンジンの紹介。 SpaceXのMerlinエンジンはSpaceXのCTO of PropulsionでもあったTom Muellerさんが設計していた彼のSpaceXの前職場であるTRW社のTR-106やTR-107が

                                                                      SpaceXのロケットが安い理由は再使用ではない、という話|ina111 / 稲川貴大
                                                                    • チームに浸透させるのが近年では難しくなっている - id:onk のはてなブログ

                                                                      昨日「動いたけどチームメンバーを説得するのが面倒で、秘蔵のブランチになってしまう」って言ったけど、この気持ちはどこから出てくるのか。 分かりやすい Cons があると、反発が予想できて、その反発を解決するところまで労力を割くほどの気持ちが無いので困る。「直ちに問題になるわけじゃないが、どちらかというとやった方がいい、でもリスクもある」という選択肢を選べずにズルズルと現状維持に向かう圧力は、ある。チームの同質性が高いうちはほとんど困らないんだが、人数が増えたり、別の職種が増えたりするごとに「面倒」さはどうしても増していく。 我々の信念として以下を持ってはいるが、現状維持に向かう圧力がある中で変化を加えるのはそこそこ労力が要り、閾値を超えると変化が発生しなくなってしまう。 業務・開発フローは「変えることは無条件に正しい」くらいに思って良いと思っています。 素早く変えてもし仮にダメだったら素早く

                                                                        チームに浸透させるのが近年では難しくなっている - id:onk のはてなブログ
                                                                      • FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA

                                                                        徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは

                                                                          FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA
                                                                        • 覚えておくと便利なCSSデザインTipsを9つ集めてみた | BUILD Journal

                                                                          覚えておくと便利なCSSデザインTipsを9つ集めてみたUpdate2023.05.18Release2023.05.18Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する これまでは画像で表現していたデザインを今ではCSSのみで実装できるものが多くなってきました。今回は覚えておくと便利な現場で使えるCSSデザイン Tips を9個紹介します。いざという時に使えるものばかりですので、ストックしておくことをおすすめします。 見出しの改行位置をCSSで調整する見出しの改行位置を調整する見出しの文章が中央揃えである程度の文字数があると、スマホで見た場合意図したところで改行ができていないことがあります。上の動画をご覧ください。上側の文章は改行されると2行目3行目も中央寄りになるため、画面サイズによっては最終行が1〜3文字になってしまい

                                                                            覚えておくと便利なCSSデザインTipsを9つ集めてみた | BUILD Journal
                                                                          • プログラマーのための行動経済学 (自信過剰とリーダブルコード) - techtekt

                                                                            はじめに サマリー 記憶に対する自信過剰 対策 チームや組織で失敗を防ぐには? 1. 読みやすいコードを書くためのコストを下げる 2. 読みやすいコードを書くことを(ゆるく)強制する まとめ 参考文献 ※三浦は退職していますが、本人の同意を得て、掲載を継続しています。 はじめに こんにちは。パーソルキャリア株式会社でデータアナリストとして働いている三浦です。 私はデータアナリストとしてこの会社で働いておりますが、それと同時に行動経済学の研究もしています。 行動経済学は端的に言えばより「人間くさい」仮定をとりいれて経済学的な分析を行う分野です。 例えば、先延ばしをするとか、楽観的な予想をするとか、情報を無視するとか、人の目を気にするとか、色々です。 修士から数えるとプログラミングは 9 年ぐらい行ってきました。 その過程で、様々な失敗もしてきました。 中には、誰もがしたことのある失敗もあるか

                                                                              プログラマーのための行動経済学 (自信過剰とリーダブルコード) - techtekt
                                                                            • アイコンデザイン 7つの原則、優れたアイコンをデザインするために

                                                                              Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。 7 Principles of Icon Design by Helena Zhang 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Clarity -アイコンは分かりやすく Readability -アイコンは見やすく Alignment -アイコンにおける揃え Brevity -アイコンは簡潔にデザインする Consistency -アイコンの一貫性 Personality -アイコンの個性 Ease of Use -アイコンの使いやすさ アイコンのリソース Clarity -アイコンは分か

                                                                                アイコンデザイン 7つの原則、優れたアイコンをデザインするために
                                                                              • 【2022年】注目すべきUI/UXデザイントレンド - Qiita

                                                                                本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」(2021年11月15日公開)の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか?UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ

                                                                                  【2022年】注目すべきUI/UXデザイントレンド - Qiita
                                                                                • Python Design Patterns

                                                                                  Python Design Patterns¶ Welcome! I’m Brandon Rhodes (website, Twitter) and this is my evolving guide to design patterns in the Python programming language. This site is letting me collect my ideas about Python and Design Patterns all in one place. My hope is that these pages make the patterns more discoverable — easier to find in web searches, and easier to read — than when they were scattered acr