SOLID原則を理解し、JavaScriptで実践するためのガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

2023/08/03 151 users SOLID原則 JavaScript ガイド 堅牢 特定

ソフトウェア開発者にとって、堅牢でテスト可能で拡張性があり、保守性の高いオブジェクト指向のソフトウェアシステムを設計することは重要です。 そこで登場するのがSOLID原則です。 SOLIDは、ソフトウェア開発中に生じるかもしれない特定の問題を解決するために5つの設計原則が組み合わさったセットです。 この記事で... 続きを読む

PreactにSignalsがきた - console.lealog();

2022/09/07 15 users Signals SIGNAL console.lealog

Signals – Preact Guide 端的にいってしまうと、Solidのソレとほぼ同様の体験でコードが書けるようになる・・・！ まずはコード // store.js import { signal } from "@preact/signals"; export const count = signal(0); export const add = () => count.value++; // Counter.jsx import { count, add } from "./store.... 続きを読む

クリーンアーキわからんかった人のためのクリーンじゃないけどクリーンみたいなオニオンに見せかけたSOLIDの話

2021/12/12 295 users オニオンアーキテクチャ 反響 オニオン 前回 方々

依存関係逆転則含む諸原則に苦しめられた方々，いかがお過ごしでしょうか． 今回はアプリ設計の話です．と言っても，前回「クリーンアーキわからんかった人のためのオニオンアーキテクチャ」というZenn記事を書いて，反響が大きかったのでリメイクしたいなという気持ちになり執筆することにしました． いつか投稿しよう... 続きを読む

ソフトウェア設計についての原則や法則についてまとめてみた

2021/06/12 487 users 法則 原則 ソフトウェア設計 YAGNI 解釈

ソフトウェア設計について、YAGNIやSOLIDなど多くの原則・法則があることが知られていますが、その解釈にはぶれが存在することが多いです。そこで、特に有名なものあるいは有用と感じることが多いものをいくつかピックアップして、その解釈やトレードオフについてまとめてみました。 注意としては、SOLIDが入ってること... 続きを読む

単一責任の原則（Single responsibility principle）について、もう一度考える | オブジェクトの広場

2021/05/26 402 users オブジェクト 単一責任 原則 広場 Ope

単一責任の原則（Single responsibility principle）について、もう一度考える はじめに オブジェクトの広場をご覧の皆様ならば、「SOLID原則」という言葉を聞いたことがあるかもしれません。 SOLIDとは、以下の5つのソフトウェア設計原則を並べたバクロニムです。 Single Responsibility Principle：単一責任の原則 Ope... 続きを読む

マイクロサービス設計原則: SOLIDではなくIDEALS

2020/09/23 380 users

キーポイント 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 segregatio... 続きを読む

コードの再利用 - 現代プログラミング勉強会 - shiodaifuku.io

2020/08/24 213 users shiodaifuku.io コード 原則 勉強 再編集

コードの再利用 - 現代プログラミング勉強会 この記事は、「現代プログラミング勉強会」と称して僕が社内向けの勉強会で話した内容を一般公開できるように再編集したものです。 現代プログラミング勉強会シリーズは全4回に分かれています。 SOLIDの原則 Design by Contract コードの再利用 コメントを書かない技術 勉強... 続きを読む

tiny-console.js · GitHub

2020/06/01 14 users GitHub position height Left

tiny-console.js (function(c,b,cs,r,d){ b.frameBorder=0; b.style = 'position:fixed;bottom:0;left:0;width:100%;height:30vh;background:#fff;border-top:4px solid #bbb;box-shadow:0 0 2px #000;z-index:999;cursor:ns-resize;'; b.onpointerdown=function(e){b.setPointerCapture(e.pointerId);b.e=e;b.h=b.offse... 続きを読む

開発者が知っておくべきSOLIDの原則 | POSTD

2019/01/10 507 users アプリケーション オブジェクト指向プログラミング クラス

オブジェクト指向プログラミングが、ソフトウェア開発に新しい設計を持ち込みました。 その結果、開発者は単一の目的を処理するために、全体のアプリケーションに関係なく、1つのクラスの中で、同じ目的や機能を持つデータを結び付けることができるようになりました。 しかし、このオブジェクト指向プログラミングで、分... 続きを読む

「ウェブの父」ティム・バーナーズ＝リーが新プラットフォーム「Solid」を発表 - GIGAZINE

2018/10/01 92 users GIGAZINE ティム・バーナーズ 中央集権 リー ウェブ

World Wide Webを考案し、「ウェブの父」とも呼ばれるティム・バーナーズ＝リー氏がオープンソースプラットフォームの「Solid」を発表しました。以前からティム・バーナーズ＝リー氏はFacebook・Google・Amazonなどによる中央集権的なWebの在り方を懸念しており、Webを再分散させる計画について述べていました。 One Sma... 続きを読む

“Webの父”バーナーズ＝リー氏、個人情報をGAFAからユーザーの手に戻すプロジェクト「Solid」立ち上げ - ITmedia NEWS

2018/10/01 33 users Faceboo バーナーズ ｗｗｗ GAFA サー・ティム

World Wide Web（WWW）を考案し、“Webの父”とも呼ばれるサー・ティム・バーナーズ=リー氏は9月29日（現地時間）、“Web上の個人の力と主体性を取り戻すための”オープンソースプロジェクト「Solid」を発表した。 「Solidは、便利さと引き換えに、人々が自分の個人情報をデジタルの巨人たち（訳注：Google、Amazon、Faceboo... 続きを読む

Railsで学ぶSOLID（1）: 単一責任の原則（翻訳）

2018/03/27 137 users Rails 許諾 原著者 著者 単一責任

概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: SOLID Principles #1: Single Responsibility Principle | Netguru Blog on Ruby/Ruby on Rails 原文公開日: 2018/02/13 著者: Marcin Jakubowski サイト: netguru 翻訳記事の相互リンクは今後更新いたします。 Rails... 続きを読む

SOLIDの原則ってどんなふうに使うの？ // Speaker Deck

2018/03/11 423 users Speaker Deck 原則

All slide content and descriptions are owned by their creators. 続きを読む

Solid - BuzFeedで使われているデザインテンプレート MOONGIFT

2015/12/24 10 users BuzzFeed タイポグラフィ デザインテンプレート 恩恵

多くのWebサービスがデザインテンプレートを公開するようになっています。その恩恵はとても大きく、デザインテンプレートをベースにすれば格好良いデザインのサイトが簡単に立ち上げられるようになっています。 今回はその一つ、BuzzFeedが公開したテンプレートSolidを紹介します。 Solidの使い方 スクリーンショット多めで紹介します。まずはタイポグラフィ。 リスト。 カラーリング。ビビット系の強い... 続きを読む

メタルギアを手がける小島プロダクションの海外拠点が正式閉鎖、メタルギアはどうなるのか？ - GIGAZINE

2015/11/05 80 users GIGAZINE メタルギア コナミ 小島プロダクション 名称

コナミデジタルエンタテインメントが、ロサンゼルスに構えていた「コナミ ロサンゼルススタジオ」を正式に閉鎖したことを発表しました。コナミ ロサンゼルススタジオは、2013年にMETAL GEAR SOLIDシリーズのゲームクリエイター小島秀夫氏が率いる「小島プロダクション」の海外拠点として「小島プロダクション ロサンゼルススタジオ」という名称で設立されましたが、2015年に名称をコナミ ロサンゼルス... 続きを読む

会議の準備・進行・記録・反省をわかりやすい文書構造で支援するSolidが無料の公開ベータ中 | TechCrunch Japan

2015/10/24 75 users 反省 TechCrunch JAPAN 文書構造 進行 会議

大きめの企業のための会議支援/会議管理アプリケーションWisemblyを作ったチームが、今度は小企業向けに小さな会議をサポートするSolidをローンチした。 Wisemblyの協同ファウンダRomain Davidは語る: “Solidのアイデアは前からあった。Wisemblyは10人から15人ぐらいの会議を想定しているが、もっと小さな企業の小さな会議を助けたい、と思った”。 というわけで、今では... 続きを読む

CSS - Retinaディスプレイは0.5pxを表示できるか - Qiita

2015/08/14 42 users Qiita border border-width psd

もらったPSDのborderに1.5pxが指定されていることがあり、 もしかしたらRetinaディスプレイなら表示できるんじゃないかと思い試してみました。 0.5px、1px、1.5pxのborderを作ってみる div { width: 10px; height: 10px; border: #F00 solid; } #point-five { border-width: 0.5px; } #... 続きを読む

ミニマルなデザインに役立つ！小さくてもくっきり分かる500種類の無料アイコン素材 -Clear Icons -Solid | コリス

2014/07/28 97 users コリス clear ミニマル フォーマット 商用

個人でも商用でも、Webページでもスマホアプリでも、無料で利用できるミニマルにデザインされた小さいアイコン素材を紹介します。 500種類全てデザインが統一されており、小さくてもミニマルなので、名前の通り「Clear」なアイコンに仕上がっています！ Clear Icons -Solid ダウンロードできる素材は、Web制作者が使いやすいようさまざまなフォーマットが用意されています。 .psd .sv... 続きを読む

CSSで作る見出しデザイン | Web’Notes

2014/02/14 413 users CSS 見出しデザイン relative bold CCC

見出しはサイトの見た目を決める上で重要な箇所です。 印象的な見出しは、それだけでサイトを引き立ててくれます。 今回は、そんな見出しのデザインをCSSで10パターン作成してみましたので、参考にして下さい。 .heading1{ position:relative; padding-left:20px; border-bottom:2px solid #ccc; font-weight: bold; ... 続きを読む

「初音ミクV3」9月26日発売　5つの音声ライブラリ搭載 - ITmedia ニュース

2013/08/09 28 users 初音ミクV ITmedia ニュース dark soft 愛着

クリプトン・フューチャー・メディアは8月9日、VOCALOIDソフト「初音ミクV3」を9月26日に発売すると発表した。英語版「初音ミクV3 ENGLISH」は8月31日から世界に向けてダウンロード販売する。 最新のVOCALOID3エンジンを採用し、[ORIGINAL]、[SWEET]、[DARK]、[SOFT]、[SOLID]の 計5種類の歌声ライブラリを収録。従来版との互換性を重視し、「愛着の... 続きを読む

ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２

2006/09/23 496 users きもち CSS オトコ 見出し padding

ちょっと使えるかもしれないCSS(1) - 見出しを飾る Design ちょっとHTML(2) - h4，h5 で紹介した見出しをCSSで装飾する例をいくつか。 見出し h4 はてなでよく見かけるタイプ。 h4 { width:12em; border:solid #CCCCCC; border-width:0 0 1px 12px; padding:0.4em 0.4em; } 見出し h4 付... 続きを読む