Gitのコミットメッセージの書き方（2023年ver.）
本記事のモチベーション 約8年前、Gitを使い始めたときに以下の記事を公開したところ、想像以上の反応をいただきました。 当時はSubversionからGitに移行し、試行錯誤をしている中だったこともあり、多くの反応をいただけたことはモチベーションのひとつでした。 ただ、時が経ち、当然かもしれませんが現在は当時と違う書き方をしており、思想として変わっていない部分はあるものの、今でもときどきLikeをいただく中で、アップデートを全くしないのは誠実じゃないなと感じていました。 というわけで、現在のフォーマットも数年後には変わっている可能性が高いですが、その時々のスナップショットを公開することにも何らか意味があるかなと思い、「今の僕はこうコミットメッセージを書いているよ」というのをまとめました。 Gitを使う環境 開発フローやホスティングサービスごとのUIのdiffによって、最適なフォーマットは変
無料で画像に秘密のメッセージを隠したりテキストやファイルを暗号化可能な「Secret Messager」
「Secret Messager」は文章やファイルを暗号化したり元に戻したりするだけではなく、画像に文章を暗号化して隠したり、画像に隠した文章を取り出したりまで可能なフリーソフトです。 Software - Free online tool to encrypt messages with AES 256 http://secretmessages.online/Home/Software Secret Messagerを使うには、公式ページからソフトウェアをダウンロードする必要があります。公式ページにアクセスして、「Download Now」からソフトウェアをダウンロードします。 ダウンロードした「SecretMessager-1.0.0.exe」をダブルクリックして、インストーラーを起動します。 インストーラーが起動したら、「Next」をクリック。 Secret Messagerは初期
[JS]ツールチップの実装に迷った時に！依存なしで、さまざまなツールチップを実装できる軽量スクリプト -Tippy.js
シンプルなツールチップをはじめ、表示方向の変更、形状の変更、アニメーションの変更、ホバー・フォーカス・クリック・タッチ操作に対応したツールチップを簡単に実装できる軽量スクリプトを紹介します。 Tippy.js Tippy.js -GitHub Tippy.jsのデモ Tippy.jsの使い方 Tippy.jsのデモ Tippy.jsでは、さまざまなツールチップを簡単に実装できます。 デモにはそれらのツールチップが実際に試せるので、アニメーションで紹介します。 まずは、デフォルトと表示方向の制御。
![[JS]ツールチップの実装に迷った時に！依存なしで、さまざまなツールチップを実装できる軽量スクリプト -Tippy.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/3490c5832afd3ee0814fcc1a370df5e31fa876af/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201801%2F2018030101.png)
無料でGoogle AnalyticsのアラートをリアルタイムにGmailやTwitter・SMSなどで通知する「Metric.live」を使ってみた
自分で作ったウェブページを公開したとき、想定しているアクセスより異常なほど高くなっていたり、低くなっていたりすると、何か問題が発生している可能性があり、そうした状況はリアルタイムで知りたいものです。Google Analyticsを使う場合はリアルタイムでのアラートの通知ができないため、確認するには一定間隔で状況を目で追うか、別のソフトウェアなどで監視する必要があります。「Metric.live」ではリアルタイムでアラートを通知できるほか、GmailやSMS、Twitterなどに通知できるとのこと。実際に使って試してみました。 Metric.live: advanced periodic and real-time alerts for Google Analytics https://metric.live/ ◆登録 上記URLにアクセスして、中央の「GET STARTED FOR FR
Alerter - CLIで使えるmacOS用通知
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました システムで何かがあったときには通知してくれると便利です。macOSは標準でシステム通知を受け取る機能があるので、ここにデータが送れれば簡単にメッセージの送信ができます。それだけでなく、ユーザのリアクションを受け取ることもできます。 そんな通知機能をCLIから呼び出せるのがAlerterです。 Alerterの使い方 標準のメッセージです。 選択肢を追加することもできます。 YES/NOの選択肢を表示した場合。 返信付き。メッセージを受け取れます。 CLIでもAlerterを使うことでユーザからの反応を受け取れるようになります。エラーがあったら通知を出したり、ユーザのリアクションを求める場合にターミナルではなく、システム通知を経由して受け取ることも可能でしょう。 Alerterはma
IEで「前回のブラウズ セッションは予期せずに終了しました「セッションの復元」」が表示される場合の対処
IEで「前回のブラウズ セッションは予期せずに終了しました「セッションの復元」」が表示される場合の対処方法を紹介します。 １．問題点 IEを起動するたびに「前回のブラウズ セッションは予期せずに終了しました「セッションの復元」」が表示されます。 （クリックで拡大） が、「セッションの復元」をクリックしても前回のセッションが復元されません。 復元はされなくてもいいのですが、このメッセージが表示されないようにする方法が分かりません。 ということで、IEで「前回のブラウズ セッションは予期せずに終了しました「セッションの復元」」が表示される場合の対処方法を紹介します。 ２．メッセージが表示されないようにする メッセージが表示されないようにするには、「ツール」アイコン→「インターネットオプション」をクリック。 「詳細設定」タブをクリック。 「自動クラッシュ回復機能を有効にする」のチェックを外して「
Hyperform - Webフォームの入力チェックライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webフォームにおける入力検証の仕組みは大事です。一度サーバに送信してからエラーを返す方式はユーザのストレスも大きくお勧めしません。サーバ側での入力チェックは必要ですが、ユーザビリティのためにWebブラウザ側でも入力チェックをしましょう。 今回はそんな入力チェックを提供するJavaScriptライブラリ、Hyperformを紹介します。 Hyperformの使い方 利用例です。エラーメッセージをテキストボックスの下に表示します。 パスワードのように二つの入力欄に応じたケースもサポートしています。 チェックボックスが有効な場合だけ入力チェックが行われます。 URLやメールアドレス、時間などのフォーマットに合わせた入力チェックもできます。 エラーメッセージはフォームの上に出すこともでき
noti - コマンドが終了したらデスクトップ通知
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました CLIで処理を実行して、それが重たいのでしばらく他の作業をしていると、いつの間にか終わっていたという経験は誰もがあるのではないでしょうか。ちょっと時間を損した気分にさせられますよね。 そこで使いたいのがnotiです。コマンドが終了した時にデスクトップ通知を出してくれるソフトウェアです。 notiの使い方 例えばこんな感じにコマンドを打ちます。 $ noti -t "Reply to Pedro" gsleep 3s そうすると3秒後にデスクトップ通知が出ます。 日本語のメッセージも出せます。 $ noti -t "homebrew" -m "up to date" brew upgrade --all メッセージも含められます。 notiとメッセージを頭につけて、その後に時間のかか
inputやtextareaで、指定した文字数を超えた際に警告文を出す
Result maxlength属性は何かとアレなので文字数自体は制限せずに、予め設定した文字数を超過した際に警告文を出すようにする jQuery/** * Characters limit exceeded warning with a simple jQuery plugin * @copyright Copyright 2013-2015 Joan claret * @license MIT * @author Joan Claret Teruel <dpam23 at gmail dot com> * Licensed under The MIT License (MIT). * Copyright (c) Joan Claret Teruel <dpam23 at gmail dot com> */ ;(function($, document, window, undefine
ExcelやWordで「このファイルは、インターネット上の場所から取得されており、安全でない可能性があります。」を表示させない方法
ExcelやWordで「このファイルは、インターネット上の場所から取得されており、安全でない可能性があります。」を表示させない方法を紹介します。 １．問題点 会社の共有サーバ上のExcelファイルやWordファイルを開くと、次の「このファイルは、インターネット上の場所から取得されており、安全でない可能性があります。 クリックすると詳細が表示されます。」というメッセージが表示されます。 赤枠で示した「編集を有効にする」をクリックすれば通常のExcelファイルとして編集できますが、毎回この操作を行うのは面倒です。 ということで、この警告を表示させないようにしたいのですが方法が分かりません。 ２．警告を表示させないようにする 警告を表示させないようにするには、「ファイル」タブの「オプション」をクリック。 「セキュリティセンター」をクリック。 「セキュリティセンターの設定」をクリック。 「保護され
ウェブサイトにTwitterのタイムラインを表示させる方法
ウェブサイトにTwitterのタイムラインを表示させる方法を紹介します。 １．はじめに ウェブサイトを運営している場合、TwitterやFacebookと連動させていることがあると思います。 ここではTwitterのユーザーウィジェットを利用して、ウェブサイトにTwitterのタイムラインを表示させる方法を紹介します。 ２．Twitterのタイムラインを表示させる Twitterのユーザーウィジェット作成ページにアクセスします。 Twitterのユーザーウィジェット作成ページ 「ユーザータイムライン」タブの設定項目に必要な事項を入力します。 ユーザー名：表示させたいユーザー名を入力 オプション取引：@ツイートを除外する場合や画像を自動的に開く場合にチェック 高さ：タイムラインの高さを入力 テーマ：「明るい」「暗い」から選択 リンクの色：タイムラインに表示されるリンクの色を入力 カスタマイズ
“Happy birthday!” にひと工夫！誕生日に使える英語メッセージ34選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ニュージーランドに住みながら『日刊英語ライフ』を運営しているYokoです。 最近ではFacebookなどで海外の友達と繋がることが簡単になり、英語で誕生日のメッセージを送る機会もかなり多くなりましたよね。誕生日のメッセージと言えば “Happy birthday!” が定番ですが、それ以外にも英語でちょっとしたメッセージを送れたらなぁと思ったことはありませんか？ 今回は、Facebookなどで手軽に送れる「ちょっとしたお祝いの言葉」を中心に、バースデーカード用のメッセージや、誕生日に間に合わずに遅れてしまった場合に使えるメッセージなどの文例を紹介します！ 相手の名前を入れて親しみを込める 1. Happy birthday, John! 「誕生日のお祝いの言葉」は英語で “birthday wishes” と言います。 “wish” は単数形で「願い」「願望」という意味ですが、
A Collection of Free Speech Bubble Brushes for Photoshop | Naldz Graphics
Adding a few effects and elements to a design can be the difference between a plain and an awesome finish. Photoshop brushes greatly help designers in achieving this difference when done right and used with creativity and artistic imagination. This is one reason why graphic designers continuously expand their design arsenal. Today, this post may aid you in adding more helpful resources to your col
マンガや同人誌に無料で使える、吹き出しの素材300種類
マンガや同人誌に無料で使えるかわいい吹き出し素材をご紹介。 いつもは読むばっかりですが、いろいろなデザインがあるんですね。
alert()のダイアログのスタイルを変更するスクリプト・SweetAlert
alert()で出せるダイアログのスタイルを変更する為のスクリプトのご紹介。シンプルな発想で素敵ですね。尚、本スクリプトはjQueryに依存しています。 alert()で出せるダイアログのスタイルを変更しよう、というスクリプトです。 確かに普通にアラート出すよりいいかもしれません。 <script src="jquery.js"></script> <script src="sweet-alert.min.js"></script>コアとSweetAlertを読み込みます。 $('.foo').click(function(){ swal({ title: "アラートです！", text: "メッセージがココに入ります", imageUrl: 'http://placehold.it/500x500', confirmButtonText: '了解！', confirmButtonColo
[JS]そのアイデアに脱帽！ひと味違う使い方が面白いツールチップのスクリプト -thoughtBubble
マンガやアニメのように、てん、てん、てん、ぽわーんと思っている事を吹き出しのアニメーションで表示するjQueryのプラグインを紹介します。 アニメーションで表示するツールチップですが、アイデアが面白いですね。 デモは英語ですが、日本語のメッセージを表示することもできます。 thoughtBubbleの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="../src/jquery.thoughtBubble.css"> </head> <body> ... コンテンツ ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></scrip
[JS]半透明やフラットのかっこいいパネルをさまざまなアニメーションで表示するスクリプト -Amaran JS
シンプルなテキストだけのものをはじめ、画像やアイコンを使った凝ったレイアウトの通知パネルをさまざまなアニメーションで表示できるjQueryのプラグインを紹介します。 表示位置やスライド・フェードなどのエフェクトも簡単に設定できる優れ物です。 Amaran JS Amaran JS -GitHub Amaran JSのデモ Amaran JSの使い方 Amaran JSのデモ デモではさまざまなデザインのパネルをさまざまなエフェクトで表示できます。 ↓は上：ユーザースタイル、下：半透明スタイル デモページ：オプション Amaran JSの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプト、jquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/jquery.amaran.min.css"> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://kazzkiq.github.io/
http://www.smashingapps.com/2015/02/11/8-jquery-notification-plugins-for-good-user-experience.html
45 Free Popup, Alert Window, Notification, Photoshop Designs | SmashingApps.com