Bashで$(cat foo.txt)していませんか？$(< foo.txt)しよう - Lambdaカクテル
以下の文書はBashを使う前提の話。 Bashにはコマンド置換(Command substitution)というのがある。$(another-command)のように、$()でコマンドを括る記法だ。これを利用すると、括弧で括られたコマンドが実行され、その標準出力が文字列として取り出され、$()全体を置き換える。シェルスクリプトでは非常によく見る技術だ。 この$()でファイルの内容を読み出すというのを最近見た。このような用法は非常によく見る。 foo-command $(cat params.txt) しかし、より良い書き方があるのでこれを提唱したい。$(< params.txt)と書くことで全く同等のことができる。しかも速いのでこちらのほうが完全に上位互換となる。 foo-command $(< params.txt) この方法はBashのドキュメントのコマンド置換のコーナーにちゃんと書か
【jQuery】CSSの擬似要素::beforeや::afterのcontentプロパティを動的に変更する方法 ｜ Tips Note by TAM
2016.05.30 【jQuery】CSSの擬似要素::beforeや::afterのcontentプロパティを動的に変更する方法 CSSの擬似要素::beforeや::afterを使って、文字列や画像等を挿入することありますよね。挿入したい内容は、下記のように、contentプロパティの値に指定しておけば、要素の直前か直後にCSSだけで擬似的に挿入できます。 要素名::before{ content: 値; } 要素名::after{ content: 値; } このcontentプロパティの値を動的に変更したい時、jQueryを使用するのであれば、セレクタで、疑似要素::beforeまたは::afterを指定してアクセスすればいいのでは…？と思ってしまいますが、疑似要素はセレクタで直接指定することができません。そもそも擬似要素は非DOMであるため、JavaScriptから操作すること
中級 Vim 操作
この記事は Vim 駅伝 の 06/05 の記事です。 前回の記事は thinca さんによる、 06/03 の「Meguro.vim #23 を開催しました」という記事でした。 次回は 06/07 に投稿される予定です。 はじめに 本記事は以下の記事のオマージュです。 Vim の基本操作のうち、比較的マイナーながら汎用的に使える機能や小技を集めました。プラグインや複雑な設定が必要なものは含まれておらず、いずれも Vim と Neovim の両方で使うことができます。気になったものがあれば使ってみてください。 ノーマルモード編 検索結果を次々と置き換える Vim で文字列置換を行う最も有名な方法は :substitute コマンド （短縮形: :s） ですが、ノーマルモードの cgn というイディオムも便利です。これは c オペレータと gn テキストオブジェクト (:h gn) を組み合
マクロ記録中にColorSchemeを変更する設定をしました
TL;DR マクロ記録中にColorSchemeが変わっている様子 はじめに Neovimの設定として、欠かせない（？）ものの一つがStatuslineです。 Statuslineとは、エディタの下部に表示されているBarのことです。 Neovim向けに有名なものだと、lualine.nvimやheirline.nvimがあります さて、 自分のNeovimの設定ではStatuslineを非表示にしています。 これは、常に表示しておきたい情報というのは実はそんなにないだろうという考えからです。 必要な情報は必要な時に表示をすれば良いのです。 むしろその一行分画面が広くなり、画面のノイズも減るので嬉しいのです。 自分のNeovimのScreenShot 余談ですが、Statuslineに加えてCmdlineも非表示にしています。 こちらの話はShougoさんの記事に詳しく書いてあります。 さ
Firefox Quantumでカスタマイズできないデフォルトショートカットキーを変更する - 錯誤試行
(2024/02/23)「omni.jaを編集する(zip使用)」を追記 FirefoxがQuantumになりキーカスタマイズアドオンのVimperatorが使えなくなってから久しい。 Vimperatorが開発終了となった当時、Chromeで同じく愛用していたキーカスタマイズアドオンのVimiumをFirefoxでも使ってQuantumに乗り換えるつもりでいたが、Vimiumでキーのリマップ設定をしてみたところ、Ctrl-Fで「ScrollDown」や、Ctrl-Pで「前のタブへ移動」など概ね問題なく設定できるのだが、「次のタブへの移動」に設定したCtrl-Nを押したところ、何かの呪いのように新しいウィンドウが開いてしまった。 以下に引用したVimiumの公式GitHubページのFAQによると、呪わしいことに、特定の(Ctrl-Nのような)Firefoxデフォルトのキーバインドは、拡張機
GitHubコマテク集 - OpenWork Tech Blog
インフラチームの西川です。 当社ではGitHubを利用しています。いろいろ便利な機能があるのですが社内でコマテクを募集してみたところ意外と知らないものがあったので共有してみます。 行動の見える化 特定コミットのリンク取得 通知 行動規範 ガイドライン .github リポジトリ テンプレートリポジトリ タグをたくさんプッシュさせない ドラフトプルリクエスト チケットの自動リンク化 ベースブランチの更新を取り込む まだレビューが終わってないプルリクエストの一覧化 レビュアーの自動割り当て コードの所有者 ファイル単位でレビュー済みをチェックする レビュー中のファイルを全部閉じる 具体的な修正を提案する レビューコメントをラベル化 デプロイ管理 リリースノートを自動作成 行動の見える化 以下の設定をすることで、GitHub上の行動を見える化することができます。 docs.github.com
--ignore-revオプションで特定コミットをgit blameから除外する
はじめに 突然ですがみなさんはgit blameしてますか？ 私は毎日git blameしています！ git blameした結果、その差分をコミットしたのは過去の自分と知るのは日常茶飯事です。 git blameはコードリーディングの強力な味方ですが、LinterやFormatterをコードベース全体に適用すると、差分の情報がそれらで上書きされてしまい情報量が減ってしまいます。 そのような場合はgit historyで歴史を遡るしかないのでしょうか？ いいえ、git v2.23から追加された--ignore-revオプションで指定したコミットをblameから除外することができるようになりました。 git blame --ignore-revの使い方 --ignore-revにコミットハッシュを渡すとそのコミットはblameから除外されます。 # コミットハッシュは架空のものです $ git
gitのサブコマンドを自分で作る - blog.ton-up.net
この記事はGit Advent Calendar 2013の12日目の記事です． 前日は@sonotsさんのgit current-branch, git fetch-pulls, git pull-dry-run など git alias ネタでした． gitはコマンドを実行するとき，まずgit --exec-pathのパスの中からコマンドを探し，なければユーザーのPATHの中からコマンドを探して実行します． そのためPATHの通った場所にgit-コマンド名という実行ファイルを置くだけでユーザーが自由にサブコマンドを作れる便利な仕組みとなっています． ということで，pythonでgitのサブコマンドを作ってみました． git-ls-date ton1517/git-ls-date このサブコマンドはファイルを最初にコミットした日付と最後にコミットした日付(とそのハッシュ)を表示するコマン
ホームページ- EY-Office
小ネタです、JavaScriptで本日の日付をYYYY-MM-DD形式で得るコードは案外面倒です。 本日2023年4月17日なら 2023-04-17 という文字列を得るコードはRubyならTime.now.strftime("%Y-%m-%d")、Pythonならdatetime.today().strftime("%Y-%m-%d")（importは省略しました）と簡単に書けますが、JavaScriptでは案外面倒なのです。 追記： いくつかの間違いのご指摘がありましたので修正しました（2023-04-19）。 DeepAIが生成した画像です いっけん正しいようで間違ったコード new Date().toISOString().slice(0,10) new Date()で本日の日時を取得します toISOString()メソッドは日時データをISO形式の文字列に変換します、例えば 2
Insertモードでも気軽に←・→したい
概要 通常、Vim/NeovimのInsertモードで←や→を使うと、Undo blockが途切れます。 これではUndoやドットリピートが直感に反するケースがあるので、以下のようにマッピングしておくと便利です。 Insertモード中で水平移動してタイポ修正する人や、自動入力された閉括弧の外側へ→で移動した後、NormalモードでUndoやドットリピートする時に活躍します。 inoremap <Left> <C-G>U<Left> inoremap <Right> <C-G>U<Right> 解説 Undo blockはuなどで戻せる変更の単位です。 ←などの影響でInsertモード中のUndo blockが分割されるとこれの何が厄介か、タイポ修正を例に見てみましょう。 以下の例では、「あいうえお」という行を作りたかったが、「あいお」と入力してしまい、やむなく「い」と「お」の間に←で移動し
GitHubに彩りを - Qiita
この記事を書いた理由 業務はもちろん、個人学習でもGitを使用される方は多いと思います。 ふとGitHubを見た時にって思うことありませんか？？ （私は過去のリポジトリを見ると思います笑） そんな中、今年コミュニティで開催されたハッカソンでメンバーから共有していただいた【gitmoji】を活用して どのように変わったのか、感じたことをまとめようかと思います。 （学習意欲向上に繋がれば幸いです） 目次 gitmojiって？ gitmojiを導入してみよう！ アイコンの種類について 使用してみた感想 纏め gitmojiって？ gitのコミットメッセージを装飾する（アイコン？がつきます）ことができて、 コミットの内容が視覚的にわかりやすくなります！ gitmoji公式サイト gitmojiを導入、使ってみよう 簡単にパッケージでインストールして使ってみましょう。 npm i -g gitmoj
【Github】プルリクエストを出した後に ドラフトに変更する - Qiita
はじめに 間違えて普通のプルリクエストをだしたときに、（当時のバージョンでは）プルリクエストからドラフトに変更できないよって記事をみて焦ったので。。 GitHub公式ページ（日本語）はこちら>> 本題 まず、プルリクエストをだしました。 Openになっていて、マージもできる状態なので普通のプルリクエストですね。。 あれ。。。右の方に。。。。 ありました。まだ途中かい？ドラフトにするか！みたいなことが書いてありますね。 Convert to draft をクリックしました。 Convert to draft をクリック よかったです。Draftになってます。 おまけ おまけというほどでもないですが。。。 draft <=> open は何度でもできるようです。
🍂 Remove gone git branches
tl;dr Alias for removing local branches that are gone on remote # ~/.gitconfig file [alias] gone = "!f() { git fetch --all --prune; git branch -vv | awk '/: gone]/{print $1}' | xargs git branch -D; }; f" If your git workflow is using Pull Requests that are merged into main branch, after a while your local list of branches will get very messy, because most of the time the PR is merged and remote br
git diffコマンドで比較する時のダブルドット(..)とトリプルドット(...)の違いとは？ | Yakst
Gitでブランチ(コミット)間の違いを表示するgit diffコマンドに存在するダブルドット(..)記法とトリプルドット(...)記法の違いについて、Stackoverflowの分かりやすい回答。 「git diffコマンドで比較する時のダブルドット(..)とトリプルドット(...)の違いとは？」という質問へのMark Longair氏の回答 git diffコマンドは通常(「通常」というのは、例えばマージコンフリクトを解消する際などには3ウェイマージを表示することがあるため)、コミットグラフにおける完全な2つのポイント間のツリーの状態の違いを表示します。git diffでの..と...の表記は、以下の意味になります。 言い換えると、git diff foo..barはgit diff foo barと完全に同じです。どちらも2つのブランチfooとbarの最新の変更同士の違いを表示します。
JavaScript のクロージャーと for 文の let 初期化の例外
先日、次のような JavaScript クイズを Twitter で出しました。 // JavaScript quiz: 出力は？ const a = []; { for(let i = 0; i < 10; i++) { a[i] = () => console.log(i); } } a[3](); { let i; for(i = 0; i < 10; i++) { a[i] = () => console.log(i); } } a[3](); { for(let i = 0; i < 10;) { a[i] = () => console.log(i); i++; } } a[3](); — Takuo Kihira (@tkihira) August 15, 2022 答えは 3, 10, 4 なのですが、for 文の let 初期化専用の例外処理がない場合は 10, 10,
HTML 要素の innerText プロパティで要素が生成されうる: Days on the Moon
この記事は HTML アドベントカレンダーの 10 日目の分、兼 JavaScript アドベントカレンダーの 10 日目の分です。 HTML 標準では、HTML 文書を JavaScript などのプログラミング言語から扱うためのインターフェイスも定義しています。そのひとつが HTML 要素の innerText プロパティ、要素の内容を文字列として取得・設定するプロパティです。かつて Internet Explorer が独自に実装し、他の Web ブラウザも追従した結果として標準化されたものですね。 innerText プロパティの値の取得 innerText プロパティで取得できる値は、ブラウザにレンダリングされたようなテキスト内容となります。CSS で display: none; が指定された要素の内容は含まれませんし、display: block; が指定された要素の内容の前
HTML の img 要素と image タグ: Days on the Moon
この記事は HTML アドベントカレンダーの 20 日目の分、兼 JavaScript アドベントカレンダーの 20 日目の分です。 HTML のタグといえば、要素の開始位置、終了位置、そして属性を指定する記述のことですね。開始タグは小なり記号 (<) の後に要素名が続きます。しかしながら、タグに既述した名前とは別の名前の要素が生成される場合があります。 以下の JavaScript コードを実行すると、JavaScript コンソールには (IMAGE ではなく) IMG と出力されます。タグに記述された名前は image なのに、img 要素が生成されているのです。 const div = document.createElement('div'); div.innerHTML = '<image src="" alt="">'; console.log(div.firstChild.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お嬢様化が止まりませんわ…… 今度は「sudo」コマンドのお警告メッセージが餌食ですわよ！／「Discord」向けのお嬢様BOTも登場【やじうまの杜】
How to embed any number of HTML widgets/snippets into Notion app for free · Shorouk's Blog
localhostにsshで接続するとパスワードを聞かれる
