IT工房|AI入門とWebの勉強サイトIT工房ABOUTBLOGSample置き場CONTACTHomeFlexboxを使ったECサイト向けパーツHTML&CSSFlexboxを使ったECサイト向けパーツECサイトなどで見かける商品別のブロックをFlexboxを使って作成するサンプルです。参考にしたのはこちらのページです。Flexboxを使っているので、少し応用してみました。>>続きを読むdisplay:flexの基本的な使い方〜脱フロートレイアウトFlexboxを使うとfloatでの面倒なレイアウト作成から解放されます。概ねのブラウザも対応していますし、問題のIE8以下のバージョンも急速にその終焉を迎えました。Flexboxレイアウトを積極的に採用する時が来たように思います。>>続きを読むGit〜コミットのコメント内容を変更したい時Gitでコミットしたけれども、コミットの内容を変更したい時の方法です。SourceTreeでの操作方法ですが、簡単そうでどこを操作したら良いのかわかりにくいです。上にあるコミットボタンをクリックします。コミットオプションから「最新のコミットを修正」を選択して内容を変更します。CSSでカラムの作成方法〜floatとdisplay:tableの活用CSSを使ってカラムを作成する復習です。自分なりにいろいろなカラムを作るパターンを作成しておくとよいです。固定レイアウトのカラムはPC用のレイアウトでかつて多く使用されたパターンです。>>続きを読む水滴の作り方〜Photoshop水滴の作り方のTipsです。対象写真を読み込んだ後に、新規レイヤーを作成します。描画色は黒にして、ブラシツールで水滴の形を作ります。ブラシの形ははっきりした丸型を選びます。描画モードをスクリーンにします。>>続きを読むGit入門(5)〜ブランチとマージそしてコンフリクト今回の内容で特にマージをした時にコンフリクトを起こしてしまう状況を考えてみます。Git初心者で実務でコンフリクトを起こすと焦ってしまうに違いありません。日頃からGitを使い倒しておくと焦ることはないでしょう。ココは何度も失敗をしてこれはやっちゃダメとかいうことを身をもって学習することです。>>続きを読むGit入門(4)〜GitHubで共有するGitHubはリモートリポジトリと多くのWebツールを提供してくれるオクトリンク社のサービスです。Web制作でも活用されるようになっています。無料で使えるプランは公開リポジトリのみです。GitHubへアクセスします。Bitbucketはアトラシアンが運営するプライベートリポジトリを無制限に持てる無料アカウントを提供しているサービスです。ユーザーまで使用できます。GitHubとの違いは非公開リポジトリを無料で作成できることです。前回はコマンドでGitの仕組みを見てきました。今回はGUIのアプリケーションSourceTreeの使い方を学習します。ローカルでのバージョン管理を行う上で必須の作業は次の3つです。>>続きを読むGit入門(1)〜Gitの導入とおおまかな仕組みGitはバージョン管理をするための分散型バージョン管理システムです。日頃からソースコードの変更履歴を記録・管理するくせをつけておくと、会社などの実務に入ってから戸惑うこともなくなると思います。バージョン管理は大切な共同作業を行う上で必須項目です。一度時間をかけて習得しておいて損はないでしょう。