任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」

2022/11/26 154 users CSS パフォーマンス 複雑さ オープンソース 品質

CSS Code Quality CSS Code Qualityは任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリです。JavaScriptで書かれています。 解析したいCSSを利用しているWebサイトのURLを入力すると自動で解析し、メンテナンス性、複雑さ、パフォーマンスの3項目をそれぞれスコアリングし、そ... 続きを読む

「良いコード」を書くための10のポイントとは？ - GIGAZINE

2021/09/25 143 users Uber チャールズ GIGAZINE プログラマー コード

プログラマーがコードを書く際は、メンテナンス性を確保したり、パフォオーマンスを最大化したりと、なるべく「良いコード」を書くように努める必要があります。Uberでエンジニアリングマネージャーを務めた経験を持つチャールズ・アクセル・ダイン氏が、「良いコード」を書くために重要な10のポイントを解説しています... 続きを読む

電動原付を2年半乗った感想など

2020/09/22 166 users 感想 2年半 kibidango バッテリー 結論

kibidangoで電動原付のcute-mlを支援して、所有してから2年半くらい経った。 思うところがあったし、ツイッターに書くような内容じゃないのでここに書く。 先に結論から。 ■良いところ ①エンジン音がしない ②軽くてコンパクトな"方" ③かっこいい ■良くないところ ④バッテリーの持ち ⑤そこそこ重い ⑥メンテナンス性 ■今の... 続きを読む

React.js, Vue.jsが使えない状況でメンテナンス性の高いJavaScriptを書く3つのポイント - エムスリーテックブログ

2018/12/23 259 users React.js エムスリーテックブログ Vue.js 岩本

エムスリー エンジニアの岩本です。 この記事は エムスリー Advent Calendar 2018 の23日目の記事です。 React.jsやVue.jsを使えれば、開発のベストプラクティスなどがあるので、メンテナンス性の高いプログラムはずいぶんと書きやすくなったと思います。本当に仮想DOMの功績は大きいですね。 しかし、世の中にはそうい... 続きを読む

margin, paddingなど、レスポンシブに対応したスペースをCSSで効率的に定義する方法 | コリス

2018/11/27 234 users padding margin Calc rem コリス

Webページやスマホアプリのレイアウトに使用する、margin, paddingなどのスペースをCSSで効率的に定義する方法を紹介します。 em, remの相対的な単位を使い、calc()を効果的に活用し、拡張性やメンテナンス性にも優れたデザインシステムを構築できます。 Create your design system, part 4: Spacing by CodyHouse 下記... 続きを読む

メンテナンス性に優れ、拡張性を備えたCSSを書くために -メンテナブルCSS | コリス

2016/04/21 364 users コリス メンテナブルCSS CSS 先祖 個々

メンテナンス性に優れ、拡張性を備えたCSSを書くための「MaintainableCSS」を紹介します。 あるスタイルを修正する際に他に影響を与えてしまわないか、せっかく書いたコードが先祖帰りしないか、似たページをつくる時にコードを再利用するのに問題はないかなど、全部はもちろん個々でも非常に参考になると思います。 MaintainableCSS 以下、各ポイントを意訳したものです。 ※当ブログでの翻... 続きを読む

Gitのコミットメッセージの書き方 | プログラミング | POSTD

2015/10/23 664 users Git POSTD イントロダクション コミット履歴 ヒント

プロジェクトの長期的な成功の鍵はメンテナンス性にあります。そして、メンテナンス担当者にとってプロジェクトのログ以上に強力なツールはありません。時間をかけても使い方を学ぶ価値はあります。この投稿では、健全なコミット履歴を維持する最もベーシックなやり方をご紹介します。訳：　プロジェクトが長引くほど、私のGitのコミットメッセージは情報が薄くなっていく。 イントロダクション | 7つのルール | ヒント... 続きを読む

CSSを書く、設計する時に参考にしておきたいCSSのガイドライン・スタイルガイドのまとめ | コリス

2015/07/24 400 users ガイドライン コリス 長期 プロジェクト 一貫性

大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分が見ても分かる、メンテナンス性に優れ、一貫性のあるCSSを書くのに役立つガイドラインやスタイルガイドを紹介し...記事の続きを読む 続きを読む

ここまで動かせる！楽しいcss アニメーションのサンプル集 | コムテブログ

2015/03/16 147 users アニメーション コムテブログ サンプル集 Flash ソース

小気味よいアニメーションを用いたWebサイトを国内でも多く見かけるようになってきました。CSS3により画像編集やFlashが減りメンテナンス性も向上しています。2015年もアニメーションを取り入れるサイトは増えていくでしょう。 今回はCSSアニメーションを使って、面白い動きができるコードをご紹介します。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 もくじ エフェクトサンプル １．ア... 続きを読む

CSSを書く時、絶対に参考にしておきたいCSSガイドラインのまとめ | コリス

2014/08/26 594 users 言語 コリス 長期 プロジェクト コード

CSSはどちらかと言えばやさしく、雑にコードを書いてもなんとかなってしまう言語です。 しかし、雑にコードを書いてしまうと、昨日書いたこのコードなんだっけ？ とか、新しくスタイルを増やすと別のスタイルがおかしくなってしまうことはありませんか？ 大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分も使える、メンテナンス性に優れた一覧性のある美... 続きを読む

iOS アプリのメンテナンス性を高めるための基本的な考え方

2014/02/27 196 users iOS Classmethod クラスメソッド 掛川 Inc

iOS アプリのメンテナンス性を高めるための基本的な考え方 Presentation Transcript iOS  アプリのメンテナンス性を ⾼高めるための基本的な考え⽅方 ヤフー  vs  クラスメソッド Battle  3 2014/2/25 Copylight  ©  Classmethod,  Inc. クラスメソッド  掛川 1 iOS  アプリのメンテナンスが⼤大変 Copyligh... 続きを読む

カーゴ・カルト CSS

2014/02/13 127 users CSS 手法 テクニック 長期 品質

ベン・ダーロウ CSS を書いたり管理したりするにはなんらかの方法論があった方が良い、と広く考えられている。しかし実際に取り入れられている手法の中には、セマンティクス上の品質や、長期にわたるメンテナンス性に悪影響を与えるものもある。ここでは、CSS の「フレームワーク方法論」として提唱されているテクニックの問題点や、その問題を僕たちウェブ・ディベロッパーがどうすれば解決できるかについて論じてみよう... 続きを読む

新型Mac Proがさっそく分解され、意外なメンテナンス性の良さが判明 - GIGAZINE

2014/01/03 217 users 揶揄 賛否両論 GIGAZINE Apple ハードウェア設計

2013年12月19日、Appleは新型Mac Proを発売しましたが、あまりにも斬新なデザインは「クール」という意見もあれば「ゴミ箱」と揶揄(やゆ)する声もあるなど賛否両論です。そんな新型Mac Proを、新型ハードウェアが発売されるとすぐに分解し、その様子を公開してしまうリペア集団iFixitがさっそく分解しています。奇抜なデザインの奥には、Appleの緻密なハードウェア設計が隠されているよう... 続きを読む

あなたの知らない超絶便利なWeb開発を叶える仕様Web Componentsとは～Google I/O 2013まとめレポート (1/3) - ＠IT

2013/07/10 205 users 超絶 Web開発 本稿 Google I HTML

本稿では、Google I/O 2013の中から、「Web Components」に関するセッションをレポートする。 「Web Components」は、簡単にいうと、Web（HTML）をコンポーネント化するための仕組みで、再利用性やメンテナンス性、開発効率を上げるのに大きな効果があるといわれている。 今年のGoogle I/Oでは、次の2つのセッションでWeb Componentsについて解説が... 続きを読む

CSSをシンプルに書くことができるLESS使ってみた | webOpixel

2011/12/13 181 users less margin border webOpixel 階層

CSSはシンプルなのでとてもわかりやすい言語ではありますが、その分サイトが肥大化していくとメンテナンス性が悪くなりますね。 LESSを使えばプログラム的な書き方ができるので、ムダなくしやすくなるらいしいです。 ネスト（階層）化できる たとえばこんなCSSがあります。 css div.section { width: 500px; margin: 0 auto; border: solid 1px ... 続きを読む

世界のPHPテンプレートエンジン、トップ25 - GIGAZINE

2006/08/03 268 users GIGAZINE テンプレートファイル PHP HTML 修正

PHPテンプレートエンジンというのは、PHPによるプログラム部分と、HTMLによるデザイン部分を分離することによって、メンテナンス性を向上させることができる、というもの。 プログラムするPHPを扱う側の人にとって見れば、デザイナーの仕上がりを待たずにソースの修正などが可能になり、デザイナー側から見れば、PHPの知識が無くてもテンプレートファイルの部分を変更するだけでデザイン可能になる、というわけ。... 続きを読む

Blogサイトで見かける変なHTML

2005/10/22 267 users HTML Blogサイト キャッチー 見出し ソースコード

というキャッチーな見出しを付けてみたけれど、(X)HTML(以下HTML)なんてのは自由に書いて、伝えたい人たちに思っている事が伝わるならば、それでいーんです。と、最初に言っておくよ。 自分の作ったWEBページのメンテナンス性を上げたいと考える人や、ソースコードを簡潔にしてダイエットしたいと思う人も中にはいるでしょう。複雑なBlogツールのテンプレートソースに四苦八苦してる人、単にW3Cの仕様に準... 続きを読む