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

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

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

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

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

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

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

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

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

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

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

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

世界の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の仕様に準... 続きを読む

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 下記... 続きを読む

新型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について解説が... 続きを読む

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をシンプルに書くことができる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 ... 続きを読む

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

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

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

任意の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項目をそれぞれスコアリングし、そ... 続きを読む

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

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

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

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

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

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

カーゴ・カルト CSS

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

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

最も「買い」なドローンはどのモデルか、5機種を比較するとこんな感じ - GIGAZINE

2014/08/15 98 users 百花繚乱 マルチコプター GIGAZINE ムービー 飛行性能

Amazonが配達に使おうと検討するほど飛行性能が向上してきたマルチコプター(ドローン)は、次々と新モデルが登場するなどまさに百花繚乱の状況です。その中でも飛行性能やメンテナンス性などからもっとも「買い」なドローンは何かを比較・検討するムービーが公開されています。2014年のベストバイ・ドローンは一体どのモデルなのでしょうか？ Testing the five best drones you ca... 続きを読む

普段使ってるCSSのパフォーマンスとメンテナンス性をアップさせるOOCSSベースの超軽量フレームワーク -Kraken | コリス

2013/06/05 90 users Kraken コリス OOCSS CSS 超軽量フレームワーク

オブジェクト指向CSS（OOCSS）のコンセプトは普段使ってるCSSのパフォーマンスとメンテナンス性を向上させること。 そんなOOCSSをベースに設計された、モバイルファーストの拡張性も備えた超軽量フレームワークを紹介します。 Kraken Kraken -GitHub オブジェクト指向CSS（OOCSS）とは Krakenの特徴 Krakenのデモ オブジェクト指向CSS（OOCSS）とは Kr... 続きを読む

孫正義さんに教えてあげたい自然エネルギー関連技術 - シートン俗物記

2011/05/13 87 users シートン俗物記 敬意 孫正義さん 発電 可動部分

前回の続きです。自然エネルギー開発を進めようという孫さんに敬意を表して、自然エネルギー関連技術で私が個人的に注目しているものを取り上げます。よかったら参考にしてね。まず、自然エネルギーを使うにせよ、エネルギーを生む技術、効率的に使う技術、削減する技術、といろいろあります。最初は発電の技術から。 太陽光発電太陽光発電は可動部分が無い、という点でメンテナンス性に優れてますが、効率が問題です。今後を考え... 続きを読む

空気不要の自転車用次世代タイヤ、ブリヂストンが開発　樹脂製の特殊スポークで荷重を支持 - ねとらぼ

2017/04/19 73 users スポーク ブリヂストン 外周 荷重 ブリヂストンサイクル

ブリヂストンとブリヂストンサイクルが、 空気不要の自転車用タイヤ を開発しました。タイヤの外周と内枠の間に特殊なスポークを設け、荷重を支える仕組み。メンテナンス性が高いうえ、パンクの心配から解放されます。 続きを読む

メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと

2013/11/10 70 users Presentation Transcript Java

メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと Presentation Transcript メンテナンス性の良い Webシステムを構築するために Javaとフロントエンドでやるべきこと 2013/11/09 JJUG CCC HTML5jエンタープライズ部 小川充(@mitsuruog) photo credit http://www.ashin... 続きを読む

gulpfile スタイルガイド (ドラフト版) - Qiita

2014/09/10 57 users CoffeeScript Qiita ドキュメント 言語 参考

このドキュメントは、gulpfileの再利用性/メンテナンス性を高めることを目的とした、非公式なスタイルガイドです。 はじめに スタイルガイドとして、下記を参考にしています。また、ここで述べないJavaScript/CoffeeScriptの言語としての記述スタイルについても、こちらを参照してください。 Node.js Style Guide coffee-script-style-guide コ... 続きを読む

フロントエンドの制作者が知っておきたい、Atomic Designを使用したコンポーネントベースのUI設計が分かる良書 | コリス

2018/05/11 52 users コンポーネントベース コリス 良書 実務 実装

ここ数年で、WebページやスマホアプリのUIを開発する際に、コンポーネントベースの実装が増えてきました。元々はソフトウェア開発で一般的な考え方でしたが、メンテナンス性に優れ、再利用性も高く、UIもより効率的に実装できます。 Atomic Designを使用したコンポーネントベースのUI設計が実務レベルで詳しく解説されたオススメの本を紹介します。 今よりもっと効率的にUIに取り組みたい、メンテナンス... 続きを読む

E2Eテストコードのメンテナンス性に立ち向かう - Qiita

2019/03/26 50 users Qiita デザインリニューアル 心配事 QAエンジニア ヤツ

はじめに E2Eテストコードを書くにあたって、一番の心配事は テストが壊れる ことでしょう。 アプリ側の変更に伴いテストをすべて書き直すことを恐れるQAエンジニアは多いと思います。 例えば 機能はまったく変わってないのに、デザインリニューアルでテスト全部書き直しだ〜〜〜！ みたいなやつですね。 ここでは、自分... 続きを読む