クリティカルパスとは、プロジェクトの中で「開始から終了までに最も長い時間を要するタスクの連なり」 フロート日数とは、クリティカルでないタスクの作業上の余裕日数 所感 クリティカルパスを理解することで、そのプロジェクトにおいて絶対に遅れてはいけ…
今回この本を読んだ目的 仕事のアウトプットのスピードを上げるため 新規事業をより深い思考で考えるようになるため。 仮説思考とは 仕事ができる人は人より答えを出すのが早い。まだ十分な材料が集まっていない段階、あるいは分析が進んでいない段階で自分…
生産性を上げるためには情報へのアクセス手段が必要で、それこそwebであり、document, manualと呼ばれるものなのではないか。基本的にggrksとかRTFMとかなるたけ、同期的なコミュニケーションをなくすことで時間のロスをなくそうという方針があり、それには…
git addしたファイルをもとに戻すとき $ git reset HEAD hoge.html commitを取り消ししたいとき $ git reset --soft HEAD^ or $ git reset --hard HEAD^ 空コミット $ git commit --allow-empty -m "initial commit" stashしているものを見るとき $ g stash …
HTML HTML_Quotation_Marks - -<a class='maia-button maia-button-secondary'>Sign in</a> + +<a class="maia-button maia-button-secondary">Sign in</a> CSS Shorthand_Properties -/* Not recommended */ -border-top-style: none; -font-family: palatino, georgia, seri…
チーム チームは個人の生産性や幸福に直接影響する ソフトウェア開発はチームスポーツ 素晴らしいアイデアを隠しておいて、それが完成するまで誰にも話さないというのはリスクの高い大きな賭け 検証を重視した「早い段階で、高速に、何度も失敗せよ」の精神 …
なんかhtmlとかって実際同じビューを作ろうとおもえば、例えばheaderとかfooter作る上だといくらでも書ける。でも使うタグもたくさんあるし、こういうレイアウトのときはどうしたほうがいいか。そういうのは、w3cのdocsを読むか、google のseo周りの部分を見…
engageinteractive.co.uk zellwk.com zellwk.com
MCSS(Multilayer CSS) OOCSSとBEM BEMでいうところのBlockとそのElementとModifierはまとめて同じ場所に記述されるべき。 可能な限りクラス名を略称にする 1.Foundation SMACSSでいうところのBase 2.Base SMACSSでいうところのModule Baseレイヤーコンポーネ…
Mixins A mixin lets you make groups of CSS declarations that you want to reuse throughout your site. @mixin message($color) { border: 1px solid #ccc; padding: 10px; color: $color; } .success { @include message(#333); border-color: green; }…
6.4.2 !important rules CSS attempts to create a balance of power between author and user style sheets. By default, rules in an author's style sheet override those in a user's style sheet (see cascade rule 3). cssはauthorとuserでバランスを…
命名規則 .alert { - .alert.success { + .alert-success { - .alert.warning { + .alert-warning { - .alert.error { + .alert-error { … .warning { // 汚染されてしまう ベースとなるコンポーネント名を名前空間として継承した命名にすること - クラス名…
Sass, also known as the indented syntax SCSS, a CSS-like syntax Initially, Sass was part of another preprocessor called Haml, designed and written by Ruby developers. // Variable !primary-color= hotpink // Mixin =border-radius(!radius) -we…
枠とモジュールという考え方 枠 モジュールをはめ込んでいくための枠組み モジュール レゴや積み木などの1ピース(部品) モジュール名さえかぶらなければスタイルの競合が起きない モジュールの一覧を作る モジュールの命名、抽象的(汎用的)⇄具体的(汎用…
Google HTML/CSS Style Guide HTML5 HTML & CSS - W3C HTML5 CSS3 Cascading Style Sheets JS https://google.github.io/styleguide/javascriptguide.xml#Custom_toString___methods GitHub - airbnb/javascript: JavaScript Style Guide
chapter1 デザインの作法 デザインにゴール地点を設定する どうすればデザイン案にOKが出るか、クライアントが期待している何か(要望)を正確に聞き出す レイアウトは枠組みから、最初にデザインの設計を済ませて、作るものの仕上がりに近いサイズの紙を用意…
fugaのcommit messageを編集したい。 $ g log --oneline 068bc0b bar 19b06a6 fuga 6f04c12 hoge rebaseする。 $ git rebase -i HEAD~3 vimが開くので、該当コミットをpickからeに変えて保存(:wq) pick 6f04c12 hoge - pick 19b06a6 fuga + e 19b06a6 fuga p…
Getting Started Install $ brew install terraform Configuration provider "aws" { access_key = "ACCESS_KEY_HERE" secret_key = "SECRET_KEY_HERE" region = "us-east-1" } resource "aws_instance" "example" { ami = "ami-2757f631" instance_type = "…
インターフェース クラス間の窓のようなもの。界面や接触面、中間面。クラス内のメソッドと、何をどのように外部に晒すのか。 オブジェクト志向アプリケーションはクラスから成り立つが、「メッセージ」によって定義される。 アプリケーション設計で中心とな…
オブジェクトは単一の責任を持っている→複雑な問題を解決するためにはオブジェクト間で共同作業をする必要がある 一方のオブジェクトに変更を加えたとき、他方のオブジェクトも変更しなければならない=依存関係がある class Gear def initialize(hoge, fuga…
TRUE 変更が簡単なコードに伴う性質 Transparent(見通しが良い) 変更するコードにおいても、そのコードに依存する別の場所のコードにおいても、変更がもたらす影響が明白 Reasonable(合理的) どんな変更があってもかかるコストは変更がもたらす利益にふ…
システムを、あらかじめ決められた手続きの集まりではなく、オブジェクト間で受け渡されるメッセージの連続としてモデル化 部品が相互に作用しあい、全体の振る舞いが生まれる 部品がオブジェクト、相互作用はオブジェクト間で受け渡されるメッセージ メッセ…
要件 紙芝居、ページは画像と文字列、ボタン(次のページへ)で構成されており、たまにある入力の値の条件分岐によってページの遷移先を変える その入力値はページ間で保持する必要がある(縛りがあるのでDBとかは使えない。JSだけというか) 実装したこと …
qiita.com qiita.com 最近twitterの有用性に気づいた。 あと学習について、思ったことがあって、エンジニアって一生勉強だから、ある課題にあたった時にそれを今そのタイミングで掘るか、ペンディングして休日にやるか、一週間後くらいにやるかいろいろ考え…
少し短い記事になってしまうのですが、あるタスクで指示を受けたときにその本質を理解する必要があると感じたこと。ゴールを明確にするとかと共通している部分があるとは思うけど。 たとえばstaging環境にnofollowが付いていないため、SEOランキングが下がる…
まず勉強には二種類あると思っている。それでこれら二つってお互いにすごく関連している気がする。たとえばあの基礎が抑えられてないから、これが理解できなくて、調べ方の指針もたたないみたいなことがたまにある。 仕事に必要な知識を得るための勉強、勉強…