GitKrakenの代わりになるGUIのGitクライアント

GitKrakenの無料版では非公開リポジトリを開けなくなりました。
サブスクリプションで年額$49…いや$29?
いずれにしても無料版では非公開リポジトリを開く事ができくなってしまったので他のGitクライアントを探す事にしました。

基本は…たしかGit for Windowsだよねぇ…とダウンロード。
GUI環境からコマンド打ち込みになってしまうの?と思いましたが、GUI環境もとりあえず入っていたり…。

でもこれ日本語にならないな、と思って検索してみると、TortoiseGit – Windowsなら日本語化できるらしい…。

えいっとインストール…した筈がエラーになる。
日本語の言語パッケージしかダウンロードしていなかったようです。本体をインストールしてから日本語化するためのパッケージをインストール。

Git for Windowsはいらなかったんじゃないか…と思いましたがそうではありませんでした。
裏でGit for Windowsが動作していてその補助をしているだけだったからです。

TortoiseGit – Windowsの画面TortoiseGit – Windowsの画面

TortoiseGitの画面。

日本語対応のおかげでGitKrakenではよくわからなかった操作に気がついたり…。
いろいろな操作に幅ひろく対応。

しかし、画面のみやすさや操作のしやすさは…あと一歩…かもしれません。

君には1時間でGitについて知ってもらう(with VSCode) - Qiita
プログラムエディタはBracketsという人だったのですが、Visual Studio CodeでGitHub?

これは使ってみないと…。

VSCodeでGitHubVSCodeでGitHubVSCodeでGitHub

Visual Studio CodeでGitHub。

これはすごい…。
History、差分、その行はいつ変更したものなのかまで…。

エディタで変更したら差分を確認してコミット、プッシュという一連の作業をシームレスに行う事ができるようになりました。

インストールしたGit関連の拡張機能は…。

VSCode 拡張機能

Git History - Visual Studio Marketplace

VSCode 拡張機能

GitLens − Git supercharged - Visual Studio Marketplace

VSCode 拡張機能

GitHub Pull Requests - Visual Studio Marketplace

VSCodeとGitHubの連携もGit for Windowsが裏で仕事をしているので先にインストールしておかないといけないみたいですね。
CUIになってしまうの?と思いながらインストールしましたが大当たり…でした。
posted by さとぴあ at 2019/09/23 17:42 | Web制作

Brackets 1.14 PHPランタイムが見つかりません。"executablePath"を更新してください。

プログラムエディタBracketsを1.14にバージョンアップしたら、「PHPランタイムが見つかりません。"executablePath"を更新してください。」というエラー表示。

Brackets1.14 PHPランタイムが見つかりません。
windows version update 1.14 => "PHP runtime not found. " ・ Issue #14783 ・ adobe/brackets
GitHubにもこの件についての質問がでてますね…。

Brackets1.14 PHPランタイムが見つかりません。

XAMPPのPHPのパスを設定ファイルに追加するだけだったのですが…。
//のコメント行を入れてエラーになったり , の打ち方でエラーになったりと…。
"php": {
"executablePath": "C:/xampp/php/php-win.exe"
}
にコンマを必要に応じて追加でなんとかなりました。

使ってみると…。

Brackets1.14 PHPランタイムが見つかりません。

実行可能ならファイル形式のPHPの横のマークが緑色になり…。

Brackets1.14 PHPランタイムが見つかりません。

Fatalエラーが発生して実行できない場合は問題がある行を表示。

XAMPPで実行してエラーが出たらエディタで行番号を指定してチェックして、またXAMPPで実行という作業が必要でしたが、この機能のおかげでXAMPPとBracketsを何度も往復しなくてもよくなりました。
posted by さとぴあ at 2019/05/10 01:42 | Web制作

古い日記の過去ログにハンバーガーメニューをつけました

フレームセットを使った古い日記のHTMLを書き直しました: STP^3
この作業で、フレームを撤去しましたが…。
スマートフォンでアクセスすると記事本体の上にメニューが並んでしまって…。

やはりタップするとメニュー一覧が出てくる三本線のハンバーガーメニューが必要…という事で…。

らくがき絵日記 レスポンシブデザイン

PC。

らくがき絵日記 レスポンシブデザインらくがき絵日記 レスポンシブデザイン

スマートフォンの時は、ハンバーガーメニューのタップでメニューが開閉。
HTMLとCSSだけ!要素の表示・非表示を切り替える方法

CSSだけでできるんですね。
inputのタップする場所をlabelで決めて、チェックボックスは非表示。
チェックが入ったら表示してはずれたら表示しない。

【らくがき絵日記】の過去ログはこちら。
posted by さとぴあ at 2019/03/01 15:54 | Web制作