Web系エンジニアなら知っておきたいツール5選。ハマりポイントも解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はいさーい！ 2021年11月にジョインしたうーまーです。沖縄からフルリモートでバックエンドとフロントエンドのお仕事をさせてもらってます。 入社直後って、先輩たちの顔を覚えたり社内文化にとまどったり、まっさらなマシンを受け取って初期設定したりと割と大変ですよね。特にマシンの設定なんて、一度してしまったらなかなか変更することないので、基本的なことを忘れてしまってたりしますよね。 ということで、転職したての僕がLIGに入って最初つまづいた事例を交えながら、転職前に押さえておきたいツール5選を紹介したいと思います。 Web系エンジニアが使うツールの話なので、転職希望者だけでなく、就職・組織で働くのが初めてって方にも刺さる内容になっています。 1.コマンドプロンプト（ターミナル） windowsで言うコマンドプロンプト、macだとターミナル。いわゆる黒い画面。 少し前（と言っても10年くらい）まで
すぐ忘れる！SourceTreeを使ったリベースとスカッシュの手順 - Qiita
Git操作をGUIで行えるSourceTreeは、私にとって今では無くてはならない存在です。 コレのお陰で、ターミナル恐怖症のデザイナーさんにもGitでファイルの変更を管理してもらえるようになって、デザイナーさんとの連携がとても楽になりました。 もう、これなしでは開発したくないと思えるほど便利です。 でもSourceTreeのいくつかの機能はお世辞にも直感的とは言えず、間違った操作を誘発する危険性をはらんでいます。私もハマって結構大変な目に会いました。 私が、そして私のような方が同じ過ちをおかさないように、ここにハマりそうなSourceTree操作を記録しておきます。 リベース手順 例えば、developブランチから分岐したfeature/hogeブランチで作業している途中で、他の開発者のコミットがdevelopブランチにマージされた場合、後々大きなコンフリクトが発生するのが怖いので、早め
Git入門（５）〜ブランチとマージそしてコンフリクト | IT工房｜AI入門とWeb開発
今回の内容で特にマージをした時にコンフリクトを起こしてしまう状況を考えてみます。 Git初心者で実務でコンフリクトを起こすと焦ってしまうに違いありません。日頃からGitを使い倒しておくと焦ることはないでしょう。 ココは何度も失敗をしてこれはやっちゃダメとかいうことを身をもって学習することです。 ブランチとは枝という意味があります。その名前のとおり複数の作業を枝分かれする時に使います。 具体的には、同時に複数の作業を行う場合などにブランチを使います。 ここでは参考例として「task-A」と「task-B」２つのブランチを作成します。 新規にブランチを作成するにはブランチボタンをクリックします。「新規ブランチ」項目に任意の新しいブランチの名前を記入します。「新規ブランチをチェックアウト」にチェックが入っていると、ブランチ作成と同時そのブランチがチェックアウト（選択された）状態になります。 今回
Gitを最大限に活用できる「Git flow」で、効率よく開発を進めよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
まずは、ソースツリーを起動し、任意のリポジトリを開いてください。 今回は、GitHubでテスト用のリポジトリを作りました。作ったばかりなので、データはREADME.mdのみ、ブランチはmasterのみの状態です。 次に、メニューにある「Repository」から、「Git flow/ Hg flow」→「Initialize Repository」を選択します。 こちらの「Repository」→「Git flow/ Hg flow」は、ショートカットキー「command + alt + F」で実行できます。 すると、下記のようなウィンドウが表示されます。 ここではGit flowで使うブランチの名前を設定できますが、特殊な理由がなければここはデフォルトのまま、OKを押しましょう。とくにエラーもなく無事にウィンドウが閉じられれば、成功です。 また、リポジトリに「develop」ブランチがな
Gitのリセットを使いこなして、間違いを修正しよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ！はやちですよ！٩( ᐛ )و フロントエンド入門のGit連載をご覧になってるみなさま、Gitはご利用なられましたでしょうか( ˇωˇ ） Git使い始めは、誰にでも間違いはつきもの。はやちもテンパってしまう癖があるので、ちょいちょいやらかしてしまうことがあります( ˇωˇ ) 今回はそんなときに役立つ、Gitで間違えて操作してしまったときの対処法をまとめました。sourcetreeベースでご紹介をいたします( ˇωˇ ) 間違いを修正する「リセット」 リセットは、ファイルを以前の状態に巻き戻すことで、ステージ上でもローカル上でも操作できます。 例えば、 ステージ上で更新を加えていたファイルを途中で操作する前に戻したいとき ローカル上で、コミットのコメントを間違えてしまったとき 一旦戻して追加修正したいとき もうこのコミットもろともなかったことにしてしまいたいとき などのシーン
Gitを触ってみよう。GitHubとソースツリーを使用した基本操作 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのゆたろです！ Git連載の2回目。難しい話は抜きにして、とにかく実際に触ってみましょう！ GitHubを使ってみよう！ GitHubとは、Gitのホスティングサービスの1つです。他にもBitBucket、Phabricatorなどがありますが、当記事ではGitHubを使って説明していきます。 GitHubのアカウント作成 https://github.com/ まずは、GitHubのアカウントを作成しましょう。ページ上部の「Sign up」よりアカウント登録画面に移動します。 上から順に、ユーザネームとメールアドレス、パスワードを入力して「Create an account」を押してください。 次にプランを選択して、「Finish sign up」で登録完了です。登録したメールアドレス宛に確認メールが届くので、アドレス認証も忘れずに！ 練習用リポジトリ
【Git入門】基本操作の次に覚えておきたい便利な機能5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。バックエンドエンジニアのヤスタカです。 長野の野尻湖オフィスでのバックエンドエンジニアとして採用されたのですが、野尻湖オフィスの冬の厳しさに今から戦々恐々としています。 さて、みなさんはGitを普段から使いこなしてますか？ リモートからクローンしてきて、コミット、プッシュ、プルリクなどの基本的な操作はとりあえず覚えたけど、それ以上のことはよくわからないし……でも、とりあえずなんとかなってるし。。。 そんなGit初心者の方に向けて、知っておくと便利な小ワザをご紹介します。今回はGitクライアントの「SourceTree」を使ったやり方と、コマンドラインだったらこんなコマンドだよというのを合わせてご紹介したいと思います。 主にMacでの操作方法を記載していますが、SouceTreeはwindows版もありますので、適宜読み替えていただければと思います。 1. 一時的に変更を退避す
Git管理ツール「SourceTree」で差分ファイルを抜き出す方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、お久しぶりです、はやちです✌(´ʘ‿ʘ｀)✌ ここ最近DMMのブラウザゲーム「刀剣乱舞」にハマってしまいましてひたすら刀狩りをしております( ˇωˇ )＜おじいちゃんこない そんなことはどうでもいいですね。 今回は、Git管理ツール「SourceTree」を使用して昔のファイルと作業したファイルの差分を抜き出す方法をご紹介いたします( ˘ω˘)☝ バッチファイルを用意する まずはバッチファイルを用意しましょう( ˇωˇ)☝ 適当なディレクトリにファイルを保存します。 Windows用 Windows用がこちらです。 export_diff_zip.bat if "%2" EQU "" ( set PARAM1=HEAD set PARAM2=%1 ) else ( set PARAM1=%1 set PARAM2=%2 ) setlocal enabledelayedexpan
)
git/無視するファイルを指定する方法(.gitignoreについて) - TOBY SOFT wiki
はじめに † gitで無視するファイルを指定する方法。 .gitignoreをトップディレクトリに置きます。 注意点：CVS同様基本的にgitはディレクトリを扱いません。ですので、空のディレクトリを扱いたい場合は、空のディレクトリ内に空の.gitignoreファイルを置いてgit管理下におけばよいでしょう。 (ディレクトリを扱えないことはCVSの大きな欠点だと思っていたので、私には疑問点がありますが) ↑ 実例で学ぶ.gitignoreの書き方 † # ←で始めるとコメント行 # サブディレクトリを含む hoge.dcu 等のファイルを無視したい # ※ *.dcuはDelphiのコンパイル済みファイル *.dcu # トップディレクトリの*.exeファイルのみを無視対象にしたくなった、 # サブディレクトリは無視しない方向の場合 /*.exe # tmp ディレクトリまるごと無視したい場
SourceTreeから始めるGit - Qiita
SourceTreeというガッツリしたGUIクライアントができてから、「Gitはコマンド打つべし」という感じでもなくなりつつあるかなと感じている(現に、TortoiseSVNを使っているときにSVNのコマンドを意識したことはなかった)。 そんなわけで、ここではGitの詳しい説明は一切はしょりSourceTreeの操作にのみ焦点を当てて解説を行う。ただ、コマンドにも興味あるという方に備え、コマンドも併記しておく。 インストール こちらにアクセスしてインストール。 https://www.atlassian.com/ja/software/sourcetree/overview なお、以下の説明ではWindows版を使用。 初期設定 ツール>オプションから各種設定が可能。見ておくべき箇所は以下3点。 一般(git config) ユーザー名/メールアドレスは必ず設定しておく。インストール時に設
SourceTreeの使い方 | コミット間の差分ファイルの抽出 (カスタム操作を使う方法) – ICS MEDIA
今回はGitクライアントソフトのSourceTreeから[カスタム操作]という機能を利用して「コミットの差分ファイルをzipファイルとして書き出す」ことを行います。この処理は納品で前回のリリースとの差分のファイルが必要なときに使用すると便利です。 カスタム操作のデモ動画 カスタム操作としてバッチ・スクリプト・exeを登録すると、上図のようにメニューから実行できるようになります Gitをインストールする ※Gitをすでにインストールされている方はこの作業は不要です。SourceTreeの内蔵Gitを使用しているかたはgitコマンドが環境設定に登録されておらず、これから紹介するバッチが実行できない可能性があります。 インストールされているかチェックするためには、Windowsなら「コマンドプロンプト」、Macなら「ターミナル」上で下記コマンドを実行して確認します。 git --version
Windows環境でGitを使ってみる(SourceTree編)
Windows環境でGitを使ってみる。使い方としては ・explorerと統合して、簡単にファイルのバージョン管理 （日本語は大丈夫か？） ・MS Officeファイルの差分確認 でしょうかね。あとは番外編として、 ・GitLabがなくても、複数のWindowsPC間で簡単にレポジトリを共有する をやってみる。 Gitとのリモートレポジトリとしては、Gitlabを想定し、はインストールされていることを前提。 クライアントツールのインストールから。今回クライアントツールは、「TortoiseGit」と「SourceTree」を試してみる。 ■「SourceTree」 １．リモートレポジトリを用意する GitLabサーバーをどこぞのOSに建ててもOKだし、gitlab.comを使ってもよい。自サーバーも簡単に建てられたので、ここではgitlab.comを使ってみる。といっても、サイトにアクセ
ノンプログラマもGitを使おう（初期設定編） | Cherry Pie Web
前の記事 「WebデザイナーもGit使うといいよって話」 「ノンプログラマもGitを使おう（導入編）」 前の記事で準備が整ったら、いよいよGitを使ってバージョン管理をやってみます。 なお、私はWindows環境なので、PCの操作に関してはWindowsで説明をします。 Macに関しては、同じアプリなのである程度参考にはしていただけると思いますが、すでに解説サイトがたくさんありますので、他のサイトを参考にされたほうがわかりやすいと思います。 サンプルサイトの構成 サンプルサイトとして下記のような超カンタンなサイトを想定します。 （「WebデザイナーもGit使うといいよって話」で使ったものと同じです） 「gittest」 というフォルダを作成し、そこに次のようなファイルを作成します。 index.php（HTML）style.css（スタイルシート）title.jpg（見出し画像）kanok
SourceTree 初心者が、初心者すぎてハマったポイント : noanoa 日々の日記
2014年05月11日20:33 SourceTree 初心者が、初心者すぎてハマったポイント カテゴリコンピュータプログラミング バージョン管理の必要に迫られて、git（GitHub）を使うことにしました。ただ、ターミナルでコマンドを打つCUI だとキツいんで、GUI の SourceTree を使うことにました。以前、GitHub for Mac を使ったこともあったのですが、バージョン管理が目的だと SourceTree の方が向いているようです。 SourceTree の使い方については、Web上に結構情報が豊富に見つかりました。 特にここのサイト↓を最初から読んでいけば SourceTree が一通り使えようになると思います。 →・サルでもわかるGit入門 〜バージョン管理を使いこなそう〜 - どこでもプロジェクト管理バックログ その他の参考ページ； →・ GitHubについても
SourceTree と git のコマンドの取り消し操作の対応をまとめてみた : noanoa 日々の日記
2014年05月12日20:45 SourceTree と git のコマンドの取り消し操作の対応をまとめてみた カテゴリプログラミングコンピュータ 前回の記事の通り、SourceTree を使い始めて、一番困ったのが、操作（コミット）の取り消し方です。もちろん、Web に情報はかなりあるのですが、ターミナルでコマンドを入力する CUI だったり、SourceTree のバージョンが古くてやり方やメニューの名前が変わっていて戸惑いました。参考ページ； →・サルでもわかるGit入門 〜バージョン管理を使いこなそう〜 - どこでもプロジェクト管理バックログ →・【保存版】SourceTreeでGitの使い方まとめ１ 個人開発編 - プログラミング備忘録 | 俺日記 →・【git】SourceTreeで解説！間違えたときのgitコマンドとやり方 - NullNote →・git でコミットした内
リポジトリの作成と基本的なバージョン管理――SourceTreeで始めるGitバージョン管理入門 第1回 | OSDN Magazine
本記事では、GUIで操作できるGitクライアントであるSourceTreeを使用し、バージョン管理を行う際に必要なリポジトリの作成やリポジトリへのファイルの追加/削除、コミットといった基本的な作業について説明します。 【連載】SourceTreeで始めるGitバージョン管理入門 第1回：リポジトリの作成と基本的なバージョン管理 第2回：タグとブランチ 第3回：国産のGitリポジトリサービス「SourceForge.JP」 本記事について 本記事は、2014年10月22日にソフトバンク クリエイティブより発売された書籍「デザイナーからプログラマーまで 絶対わかるGitバージョン管理」から、「第2章 バージョン管理はじめの一歩」の一部を抜き出し再構成したものです。 なお、本書の解説ではMac OS X版のSourceTreeを使用していますが、Windows版の場合でも同じ操作で作業を行うこと
SourceTreeの使い方 - 初心者が習得すべき基本操作(diff, stash, tag, revert, cherry-pick) - ICS MEDIA
SourceTreeの使い方 - 初心者が習得すべき基本操作(diff, stash, tag, revert, cherry-pick) GitクライアントのSourceTreeソースツリーは無料で使えるGitアプリケーションとして人気があります。「SourceTreeの基本的な使い方はバッチリ！ だけど、まだまだ使っていない機能があるなぁ」なんて人も多いのではないでしょうか？ そんな人へオススメの知っておくと便利な機能を5つ紹介します。 ※本記事は2024年4月現在のmacOS 14.4.1、SourceTree 4.2.7で解説しています。Windows版のSourceTreeでも同じ手順で利用できます。 はじめに - SourceTreeとは？ SourceTreeはGit / MercurialのGUIクライアントで、Atlassian社から無償で提供されています。Windows
社内Git勉強会向け資料
WordPressでサイトを制作するとき、2人以上のチームで取り組むことも多いと思います。例えば「構築担当者」と「デザイン担当者」で1つのサイトを構築するような場合です。 同じ会社内で一緒に作業するときと違って、ノマドワーカーのようにそれぞれが別の場所で作業する場合は、直接ファイルを手渡しするようなことはできません。 そんなとき、メールにファイルを添付してやりとりしていますか? Webサーバーに直接アップロードして更新していますか? どちらにせよファイルの管理と意思疎通をしっかりやらないと、せっかく更新したファイルがまた元に戻っちゃいますよね。 そんなコラボレーションワークでのファイル管理に、Git(ギット)を使ってみましょう。ファイル管理の煩わしさから開放され開発がスムーズにできます。 WordPressの構築を経験したことあるけど、Gitはまだ使ったことがない、という方向けにGitの使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Qiita
サル先生のGit入門〜バージョン管理を使いこなそう〜【プロジェクト管理ツールBacklog】
