Desktopのアプリが新しくなりました。Desktopはソースやファイルのバージョン管理を行うGithubの機能を、コマンドを使わずグラフィカルユーザインターフェースで行える公式に配布されているアプリケーションです。以前TIPSでも紹介しています。こちらも合わせてご覧ください。Desktopを使ってみようUIが一新され、要素配置やボタンの名前変更など従来に比べ変更されています。今回の更新で使い勝手の違いや変更点、使用感をお伝えします。LTSの使い方、導入方法について紹介します。アプリUIの変更UIの変更を見ていきます。大きく変わったのは以前のバージョンまでは画面上部にあったhistoryの横軸ツリーがなくなっていることです。代わりにボタンが大きくなり、画面が整理されました。リポジトリリスト以前は左側にアコーディオンで表示していたプルダウンメニュー形式に変更になりました。プルダウンを開くと現在の画面の上にリストを開く形となります。常に表示はできないようです。changesとhistoryのボタン移動changesとhistoryのボタンが画面上部からリポジトリーリストの下に移動しました。構造的な配置になっています。origin」等に変更されました。こちらのほうがよりGit的な表記になりました。今まで「Sync」一括りになっていたものが、状況に応じて表記が変わるようになりました。origin」する時の挙動です。運用方法として1つのアカウントを複数PCからログインし、使用する形をとっています。originでリモートリポジトリの内容がローカルに反映されません。of...」(コミット名(Summary)は変更可能)といった形でもう一度コミットしなければならなくなりました。今までの上記を挟まない手順で慣れていたたため、運用方法も含め、検討が必要な箇所にもなります。新しいアプリはElectronベースで開発されています。メニュー内に項目があるため、Chromeおなじみのデベロッパーツールを開くことができます。(何に使えるか、と言うのはまだ未検証です)ElectronとはHTML、CSS、Javascriptをベースにアプリケーションが作成できるエンジンです。ChromiumがランタイムとなっているためデベロッパーツールもChromeで見るものとそっくりになります。Node.jsも同様にランタイムになっています。(今回本題ではないためElectron詳しい説明は割愛させて頂きます。LFSGithubでは基本的に100MB以上のサイズの大きいファイルをリモートリポジトリにPushすることができません。LFSという機能を使うことで100MB以上のデータを扱えるようになります。GithubでLFSをどうやって使うのか、使用後にデスクトップアプリでどのような表示、挙動になるのかを試してみます。Storage)は名前の通り大きいファイルを扱うための機能です。利用するにはDesktopアプリだけでは完結できず、ターミナルからコマンドを入れる必要があります。Desktopアプリもコマンドを扱うように作られているので、GUI上である程度操作を進めることも可能です。準備セットアップはMacでを進めていきます。lfsをインストールします。インストールにはhomebrewを使います。Toolsのインストールが必要です。storeからインストールが可能です。少々ファイルサイズが重たく、インストールに時間がかかる場合があります。Storeで検索し、ダウンロード、インストールしましょう。ToolsインストールしたXcodeを起動し、ライセンス使用許諾契約に同意します。同意した後下記コマンドを入れます。--installhomebrewインストール上記の準備ができたらhomebrewインストールを進めていきます。下記コマンドを入れます。lfsをインストールします。git-lfsリポジトリにlfsの反映リポジトリディレクトリに移動し、lfsを反映させます。cdコマンドで移動してもいいですが、アプリケーション上でもターミナルを開くことができます。アプリケーションのリポジトリ選択で右クリックするといくつか選択肢が出てきます。Terminal」を押すと、リポジトリディレクトリに移動した状態でターミナルを開くことができます。リポジトリに移動したらコマンドを入れます。install反映したら下記コマンドを入れます。large_file.psdのファイル名は任意です。後は通常の手順でコミットとpushをします。「LFSテスト」の部分はSummaryになります。任意のものを入れて大丈夫です。masterこれで完了です。Desktopにもコミット内容が反映されているはずです。LTSの使い方を紹介しました。開発やコードに関連するもの以外でも、Githubでは扱えるためデザイナーの方などエンジニアやコードを専門で扱わない方でも操作方法や仕組みがわかれば十分活用できます。基本的にはDesktopアプリケーションで操作し、必要なときにコマンドラインを使う事ができれば、運用の幅が大きく広がると思います。ひとつひとつはそれほど難しくないものも多いので苦手意識を持たず目的に沿ってどんな機能を使うか更に模索していきたいです。POSTS新着TIPSvol.1012019年ロゴマークをリニューアルしたブランド5選2019年にロゴをリニューアルした企業6選vol.100BOELのスタッフが大切にしていることBOELのスタッフがオフィスでの過ごし方を通じてたいせつにしていることをご紹介します。7選WEB業界でよく使う単語の中でよくあるスペルミスと間違えやすい点をいくつかリストアップします。vol.98ブランディングで動画を活用するメリットと成功のポイント!ブランディング動画を活用するメリットや成功のポイントを事例と合わせて紹介します。幾何学フォントTOP32019年の幾何学書体トップ3をご紹介いたします。一時的な流行ではなく多くのサイトで一般的に見られるようになったWebデザインvol.43動画コーデックをマスターしよう映像データのエンコード、動画メディア配信の基礎からターゲットに合った圧縮方法vol.45すぐに使える!アコーディオンメニューの実装アコーディオンメニューをよりリッチに。日本古来より伝わる色。デザイン、アートディレクションなどクリエイティブワークを得意とするブランディングオフィスです。ブランディング・Webサイト・印刷物、システム開発等を通じ、ビジネス価値向上をお手伝いします。お問い合わせをするオンライン見積もりフォームさまざまなブランディング事案に対応します。お気軽にご依頼ください。PERMISSION.。