MENU
  • IT導入・業務効率化
    • 在庫管理
    • IT導入補助金
  • WEB制作・開発
    • Web制作挑戦Web制作に関連する情報
    • webコーダー挑戦
    • Webデザイナー挑戦デザイナーがWebデザイナーに挑戦し、コーディングやデザインマターでの困りごとや調査内容、他の専門家との情報交換等を投稿します。
    • コーディングメモ
    • エンジニア技術MEMO
    • コーダー技術MEMO
    • セキュリティ
  • IT TOOL一覧
    • ECサイトIT TOOL ECサイト
    • アピス在庫管理
    • クラウドファンディング
    • セルフオーダーシステム
    • レッスン施術サービスレッスン施術サービス予約サイト
    • シンプルクラウドソーシング
    • 会議室予約
    • ShopifyShopifyに関連する設定などさまざまな投稿をしていきます。
  • ビジネス支援ツール
    • Canva
    • WordpressWordpressのサイト構築あれこれ!
    • ZOOM
    • エクセル・ワード
    • バーコード
  • このブランドはどこの国?|
  • テクノロジー・トレンド
    • スマートガジェット
      • イヤホン
      • スマホ・PC・タブレット
  • デザインチーム
  • マーケティング・ブログ運営
    • SEO・ブログ改善
    • アクセス解析
    • ブログ運営
    • ブログ収益化
    • プロンプト
    • マーケティング全般
  • ライフスタイル・健康
    • PC関連ネットで販売するPC関連商品の説明
    • トランプ高関税
  • お知らせ
技術が生活を楽にする
tecn
    • IT導入・業務効率化
      • 在庫管理
      • IT導入補助金
    • WEB制作・開発
      • Web制作挑戦Web制作に関連する情報
      • webコーダー挑戦
      • Webデザイナー挑戦デザイナーがWebデザイナーに挑戦し、コーディングやデザインマターでの困りごとや調査内容、他の専門家との情報交換等を投稿します。
      • コーディングメモ
      • エンジニア技術MEMO
      • コーダー技術MEMO
      • セキュリティ
    • IT TOOL一覧
      • ECサイトIT TOOL ECサイト
      • アピス在庫管理
      • クラウドファンディング
      • セルフオーダーシステム
      • レッスン施術サービスレッスン施術サービス予約サイト
      • シンプルクラウドソーシング
      • 会議室予約
      • ShopifyShopifyに関連する設定などさまざまな投稿をしていきます。
    • ビジネス支援ツール
      • Canva
      • WordpressWordpressのサイト構築あれこれ!
      • ZOOM
      • エクセル・ワード
      • バーコード
    • このブランドはどこの国?|
    • テクノロジー・トレンド
      • スマートガジェット
        • イヤホン
        • スマホ・PC・タブレット
    • デザインチーム
    • マーケティング・ブログ運営
      • SEO・ブログ改善
      • アクセス解析
      • ブログ運営
      • ブログ収益化
      • プロンプト
      • マーケティング全般
    • ライフスタイル・健康
      • PC関連ネットで販売するPC関連商品の説明
      • トランプ高関税
    • お知らせ
tecn
    • IT導入・業務効率化
      • 在庫管理
      • IT導入補助金
    • WEB制作・開発
      • Web制作挑戦Web制作に関連する情報
      • webコーダー挑戦
      • Webデザイナー挑戦デザイナーがWebデザイナーに挑戦し、コーディングやデザインマターでの困りごとや調査内容、他の専門家との情報交換等を投稿します。
      • コーディングメモ
      • エンジニア技術MEMO
      • コーダー技術MEMO
      • セキュリティ
    • IT TOOL一覧
      • ECサイトIT TOOL ECサイト
      • アピス在庫管理
      • クラウドファンディング
      • セルフオーダーシステム
      • レッスン施術サービスレッスン施術サービス予約サイト
      • シンプルクラウドソーシング
      • 会議室予約
      • ShopifyShopifyに関連する設定などさまざまな投稿をしていきます。
    • ビジネス支援ツール
      • Canva
      • WordpressWordpressのサイト構築あれこれ!
      • ZOOM
      • エクセル・ワード
      • バーコード
    • このブランドはどこの国?|
    • テクノロジー・トレンド
      • スマートガジェット
        • イヤホン
        • スマホ・PC・タブレット
    • デザインチーム
    • マーケティング・ブログ運営
      • SEO・ブログ改善
      • アクセス解析
      • ブログ運営
      • ブログ収益化
      • プロンプト
      • マーケティング全般
    • ライフスタイル・健康
      • PC関連ネットで販売するPC関連商品の説明
      • トランプ高関税
    • お知らせ
  1. ホーム
  2. WEB制作・開発
  3. Web制作挑戦
  4. コーディングメモ
  5. コーダー技術MEMO
  6. Git SouceTreeの使い方について

Git SouceTreeの使い方について

2024 6/19
コーダー技術MEMO 未分類
2023年5月26日2024年6月19日
目次

Gitの考え方について

gitの考え方について、こちらの動画がとても分かりやすかったので、少し長いですが見てみてください。(使用ツールはSoucetreeではなくGitHubですが、似たような使い方だと思います。)

Soucetree準備

開発環境(Git)からローカル環境(Soucetree)にクローンを作成し、ローカル環境でコードを作成・更新したものをSouceTreeを使ってアップロードします。

Git画面(ID/PWの発行要)からプロジェクトごとに、gitのクローンを作成することで、ローカルで作業できます。

▼Git画面apice-tec/apice.lesson (nekohand.net) 

▼SouceTree画面 (https://www.sourcetreeapp.com/ からインストール)

▼VSコードを立ち上げる。

ファイル→フォルダーを開く 

ダウンロードしたフォルダ(保存先のパス参照)を選択して開く →VSコードでローカル編集が可能になる。

VSコード内にて必要な編集をして、いよいよUpload(プッシュ)作業となる。

Soucetreeにプッシュする

VSコード保存後、Soucetreeを更新すると、コミットに数字が付くが、最初にプルを押して、ほかの人が更新していないか確認してからプッシュ(アップロード)する。

0 プル  1 コミット  2 を押して  3 で自分が更新したコードの差分確認ができる  4修正内容をコメントを入力  5 コミットボタン押す  6 プッシュを押してOrijinMaster(サーバ)へ反映

▼プッシュ前の画面

更新したサイトが反映されているか確認する。Shift+Ctrl+R で更新ができる。反映には10秒~20秒ほどかかる。

メモ

・ファイル名の一番最初に”_”がついていたら、エンジニアさんが使用しているファイルなので、触らないこと。

・デザイナーが触るのは、 基本htdocsとtemplate(tpl)ファイル。

・tpl ファイル→HTMLの改造版 。

・php ファイル→デザイナーは基本触らない。

・レスポンシブの編集も忘れずに行いましょう。

・デベロッパーツールではHTMLの<br>は入力しても確認できない。

エラーが出たら

★エラーが出たら、OKを押す前に、丸ごとコピーしてググってみるとよい

プル時、プッシュ時に出る主なエラーが、
サーバ側とローカル側でファイルの中身が違うというエラーとなる。
解消法は以下2種。(※他にもあるがよく行われる方法2種)

①ローカルのファイルをstash(退避)させる
②プッシュではなくfetch+mergeする

※プッシュは本来「フェッチをしてマージをする」という作業をワンクリックで済ませている状態。
マージでエラーが出ているので、フェッチ(サーバのファイルの情報を引っ張ってくるだけ)を先にやり、マージ作業で

サーバのファイルに自分のローカルのファイルを上書きするのか?
自分のローカルのファイルにサーバのファイルを上書きするのか?


を手作業で選ぶ。

エラー解決方法

◀図1

※この状態だと、プルやプッシュをしようとすると、gitに止めらる。

※よくある。

→この状態で、soucetreeで何か操作しようとすると、何かしらの赤字が表示される。

◀図2

解決策

→stash

◀図3

解決策

→fetchi + merge

上記エラーは以下の場合に出るエラー。
・自分がローカル環境でAファイルを編集した。(まだコミットはしていない)
・コミット前に、サーバ側からファイルをプルした。
・サーバ側で、Aファイルについて別の人が別の修正を加えたものがアップロードされていた。
・pullを試みたときに、サーバー側のファイルとローカルで編集したファイルで中身が違うのでgitから止められた。

【この場合の解決策】

スタッシュを押して、一時的にアップしたファイルを回避する。

スタッシュを押して、適当に名前をつける。 再度プルを押す →ブランチのmasterをクリックして、正常そうだったら(自分がUPした情報等がないのを確認して、) 右クリ適用を押してコミットする。

その他

→?のマークは、何らかの理由でまぎれたgitの管理対象外のファイルという意味。
以下の表示は、恐らくイラレデータを間違えてgit管理のフォルダに保存してしまった様子
新規に追加した覚えのないファイルだったら、慣れないうちは誰かに確認すること。

※不要な場合は右クリ削除で削除可 。

取り消し

直近に自分の変更しかない場合で、プッシュしたものを取り消ししたいときには、 右クリしてこのコミットを打消しを押す。

※他の人が変更を加えた後だと危ないので、あくまでプッシュしてすぐの付け焼刃対処的なもの。

右クリ→破棄で、削除もできる。 ※削除押すとファイルごと削除されてしまうので注意。

▼コードを見たいとき

アップデートのソースを右クリして選択のバージョンを開く を押下。

プロフィール DXジュン

👤 筆者プロフィール|DXジュン(Apice Technology 代表)

「tecn」を運営している DXジュン です。
Apice Technology株式会社の代表として、20年以上にわたり Web制作・業務改善DX・クラウドシステム開発に携わっています。

普段は企業の現場課題に寄り添いながら、
在庫管理システム/予約システム/求人管理/受発注システム/クラウドソーシング など、 中小企業の仕事を“ラクにするツール”を作っています。

tecn では、業務改善のリアルや、Webシステムの仕組み、 そして「技術が生活をちょっと楽しくしてくれる」ような 日常×デジタルのヒントをゆるく発信しています。

現在の注力テーマは 在庫管理のDX化。 SKU・JAN・棚卸・リアルタイム連携など、 現場で役立つ情報を発信しつつ、 自社のクラウド在庫管理システムも開発・提供しています。
無料在庫管理システムの提供も行っております。
下記より申し込んでください。

小規模店舗・倉庫向けのシンプルな在庫管理ツールを無料公開中

無料在庫管理システムを申し込む

🔗 Apice Technology(会社HP)
🔗 tecn トップページ
🔗 在庫管理システムの機能紹介
🔗 無料在庫管理システムのご提供

記事があなたの仕事や生活のヒントになれば嬉しいです。 コメント・ご相談があればお気軽にどうぞ!

コーダー技術MEMO 未分類
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
  • illustratorでスナップが効かなくなったときに確認すること
  • FLOCCS/Sass(SCSS)の利用について

関連記事

  • Bluetooth 5.3やLE Audioは何が違う?LDACとの違いと使えない原因を解説【2026】
    2026年4月8日
  • LC3の音質を検証する|LDACとの違いと2026年のベストプラクティス
    2026年4月8日
  • 2026〜2027年 Bluetooth高音質ロードマップ技術編:LE Audio・LC3・標準ロスレス・Auracastで何が変わるのか
    2026年4月8日
  • GASで作るWebアプリケーション入門 初心者でもわかるHTML Serviceの設計と作り方 |
    2026年4月8日
  • システムのリファレンスマニュアルの書き方 |WORDPRESS
    2026年4月7日
  • 備品管理を無料で効率化|貸出・返却が一目でわかるシンプル管理ツール【2026年】| 備品管理mini
    2026年4月6日
  • 無料在庫管理|STOCKmini DLリンクスライド
    2026年3月30日
  • 無料在庫管理システムのよくある質問|設定・使い方をやさしく解説【2026年版】
    2026年3月29日

コメント

コメントする コメントをキャンセル

アピス在庫管理システム
アピス在庫管理導入講座

カテゴリー

  • AIに対してのプロンプト
  • Chrome ブラウザー
  • Dropbox
  • ECサイト
  • IT TOOL一覧
  • IT導入・業務効率化
  • IT導入補助金
  • PC関連
  • SEO・ブログ改善
  • Shopify
  • webコーダー挑戦
  • Webデザイナー挑戦
  • WEB制作・開発
  • Web制作挑戦
  • Windows
  • Wordpress
  • ZOOM
  • アクセス解析
  • アピス在庫管理
  • イヤホン
  • エクセル・ワード
  • エンジニア技術MEMO
  • お知らせ
  • コーダー技術MEMO
  • コーディングメモ
  • スマートガジェット
  • セキュリティ
  • セルフオーダーシステム
  • デザインチーム
  • どこの国ブランド
  • トランプ高関税
  • ネットで販売
  • バーコード
  • ハイブリッド車(HV/PHEV)
  • ビジネス支援ツール
  • ブログ
  • ブログ収益化
  • ブログ運営
  • プロンプト
  • マーケティング・ブログ運営
  • レッスン施術サービス
  • 会議室予約
  • 充電器・バッテリー
  • 回線・インターネット
  • 在庫管理
  • 地球にやさしい車
  • 家事代行予約
  • 家電ガジェット
  • 政治・経済
  • 時事・経済・グローバル
  • 未分類
  • 業務効率化
  • 画像生成AI
  • 発注・請求システム
  • 美容院予約
  • 見積
  • 見積
  • 請求
  • 電気自動車(EV)

最近の投稿

  • Bluetooth 5.3やLE Audioは何が違う?LDACとの違いと使えない原因を解説【2026】
  • LC3の音質を検証する|LDACとの違いと2026年のベストプラクティス
  • 2026〜2027年 Bluetooth高音質ロードマップ技術編:LE Audio・LC3・標準ロスレス・Auracastで何が変わるのか
  • GASで作るWebアプリケーション入門 初心者でもわかるHTML Serviceの設計と作り方 |
  • システムのリファレンスマニュアルの書き方 |WORDPRESS

アーカイブ

  • 2026年4月
  • 2026年3月
  • 2026年2月
  • 2026年1月
  • 2025年12月
  • 2025年11月
  • 2025年10月
  • 2025年9月
  • 2025年8月
  • 2025年7月
  • 2025年6月
  • 2025年5月
  • 2025年4月
  • 2025年3月
  • 2025年2月
  • 2025年1月
  • 2024年12月
  • 2024年11月
  • 2024年9月
  • 2024年8月
  • 2024年7月
  • 2024年6月
  • 2024年4月
  • 2024年3月
  • 2024年2月
  • 2024年1月
  • 2023年12月
  • 2023年11月
  • 2023年10月
  • 2023年8月
  • 2023年7月
  • 2023年6月
  • 2023年5月
  • 2023年4月
  • 2023年3月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年8月
  • 2022年7月

APICE

問い合わせ

アピステクノロジー|tec note

 〒224-0032 神奈川県横浜市都筑区茅ケ崎中央42−21 第2佐藤ビル 203

電話番号: 045-532-4480

お問い合せ

© tecn.

目次