fd インストール 使い方 引数なしで検索する 検索対象ディレクトリを指定する 正規表現を使用する 拡張子を指定する(-e) シンボリックリンクを辿って検索(-L) max-depthを指定する(-d) ファイルタイプを指定する(-t) 隠しファイル(-H)、ignoreファイル(-I)を対象にする 除外パターンを指定する(-E) サイズを指定する(-S) 編集日時を指定する 選択したファイルに対してコマンドを実行する fzfと連携する fd github.com Rust製のfdはシンプル、高速、ユーザーフレンドリーなfindの代替コマンド。 インストール 各環境でのインストール方法はこのページに書いてある。 バイナリはこのページからダウンロードでき、 Rust製なのでcargo installでインストールできる。 $ cargo install fd-find ヘルプメッセージ。--
rg -l '置換前' ./* | env LC_ALL=C xargs sed -i.bak -e 's/置換前/置換後/g' とすることで, そのフォルダ内にある全てのファイルの中身にある 置換前 という文字列が一度に 置換後 に置き換わる。 rg とは何か? ripgrep のこと。grep よりも高速であり, かつ, デフォルトで再帰的にファイルを探索してくれる。 Mac なら でインストールできる。 env LC_ALL=C はなぜ必要か? sed が .DS_Store のようなバイナリを見なくなり, その結果 sed: RE error: illegal byte sequence というエラーが表示されなくなるため。 *.bak という謎のファイルが大量にできたが? バックアップ用の元のファイルなので, 不要なら rm -r *.bak(fish shell なら rm -
この記事について Webエンジニアになって早1年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい!!!」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
Figmaで作成・共有されたファイルで、テキストや図形オブジェクトを選択できない、または編集できない場合に試すTipsの紹介です。 今回は特に以下のケースに対応しています。 テキストや図形を選択しても何も編集できない テキストや図形をそもそも選択できない テキストを選択しても編集できない パソコンに入っているローカルフォントが選択できない この記事のターゲットFigmaの初心者 Figmaのファイルの共有を受けたが、編集する方法がわからない方 Figmaを少しでも触れるようになりたい方 テキストや図形を選択しても何も編集できない(右側に編集メニューが表示されない)Figmaで共有されたファイルの権限が「can view」になっている可能性があります。 ファイルを編集するには「Editor」「can edit」の権限が必要なので、共有者に権限を付け替えてもらうなど、対応を依頼してください。
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース(住所フォーム)は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能(郵便番号による住所補完)は、住所フォームの改善方法として最も効
「C:\Windows\System32\Imageres.dll」には、大量のアイコンが含まれている。Windowsにはこのようなファイルがいくつかある フォルダーをカスタマイズしたり、スタートメニューにタイルを配置したいときなど、自作のオリジナルアイコンが欲しくなることがある。しかし、Windowsで用いられるICON形式ファイルは作成に専用ツールが必要で面倒だ。そもそもWindows自体にはICONファイルの作成ツールが含まれていない。 アイコン画像で用いられているICON形式のファイルとは? ICONファイルはWindowsとともに登場したファイル形式だ。初期のWindowsでは、画像をビットマップで扱っていたため、さまざまな解像度や表示サイズ、色解像度に対応するために同一の画像を複数の解像度・色数で作成して1つにまとめた。これがICONファイル形式だ。昔は、Windowsの開発ツ
スティッキーズを使っていると、Safariからの文字をコピーペーストすることがありますが、たまに文字自体の背景色がついているときがあるのですが、その背景色もスタイルとして引き継いでしまい、とても見にくくなってしまいます。 状況をスクリーンショットしました。 このようになってしまい、とても見にくいです。 文字背景色のみスタイルを解除する方法はございますか? また、どんなところからコピペしても文字の大きさ、フォント、改行スタイルなどを統一する方法はございますか?
JavaScriptやTypeScriptのコードには?.のような記号やasのようなキーワードが使われます。こういった記号やキーワードはGoogleで検索しづらく、意味を調べるのは難しいものです。 この索引は、JavaScriptとTypeScriptの記号やキーワードから、その名前や意味を調べられるようにするためのものです。コードを読んでいて未知の記号やキーワードに出くわしたら、その意味や使い方を調べる手がかりにしてください。 ここで扱う記号とキーワードには、JavaScript由来のもの、つまり、JavaScriptとTypeScriptに共通して使えるものと、TypeScriptでのみ使えるものを併記しています。JavaScript由来のものにはのマークを、TypeScript固有のものにはマークを表示しています。 記号! 論理否定演算子 (logical not operator
デスクトップの壁紙の保存場所 Windows10 標準のデスクトップの壁紙の場所はWindowsフォルダ内にあります。ユーザーが利用している壁紙の場所は、ユーザー名のフォルダ内にあり、ユーザーの壁紙を変更すると上書きされて保存されます。 ユーザー用デスクトップの壁紙の場所 ユーザー固有の壁紙の場所は「C:\Users\ユーザー名\AppData\Roaming\Microsoft\Windows\Themes」に保存されています。 また、ユーザーの壁紙の場所は隠しフォルダになっているので、表示させる設定が必要です。 先に隠しファイルを表示する設定をします。 エクスプローラーの「表示」をクリックすると、表示に関する内容が表示されるので、「隠しファイル」をクリックしチェックマークを入れます。 ※エクスプローラーを一旦閉じて、再度開けば隠しファイルを表示できます。 名前横の「〉」アイコンをクリッ
ファイルやフォルダーの利用者をリソースモニターで検索する プロセスが掴んでいるファイルを調べる 補足:コマンドで同じようなことをやる 補足:その他諸々 某所で書いたら意外に皆さん知らなかったようなので書いておきます。Windowsでファイルを削除したり名称変更しようとすると、別のプログラムが使っているので変更できない、といったエラーが出る事があります。こういう場合、後述の方法で「誰がファイルを掴んでいるのか」を調べられるかもしれません。 (あくまでローカル環境での話ですので、ネットワーク越しに掴まれているものや、インフラの運用で役立つ情報というわけではありません。ご了承ください) ファイルやフォルダーの利用者をリソースモニターで検索する リソースモニターという、タスクマネージャーの高機能版のようなツールがWindowsには標準搭載されています。これで、CPUタブにある「関連付けられたハンド
よく使うものをまとめています。随時更新。 ※最新版では変更になっている場合があります。 CakePHP:ver3.7.6 PHP:7.2.3 Cookbook https://book.cakephp.org/3/ja/ 4.x版はこちら https://qiita.com/egcmrsk/items/09417521c7f0ac5f210f Controller リクエスト 現在のルートを取得 $this->request->getParam(); // controller $this->request->getParam('controller'); // action $this->request->getParam('action'); // prefix $this->request->getParam('prefix');
C#でファイルを削除する際にごみ箱に移す方法について紹介します。 C#にはファイルをごみ箱に移す操作を行うクラス、メソッドが用意されていません。 ですのでVisual Basicのアセンブリを使ってごみ箱に移す処理を行います。 Visual Basicのアセンブリを参照する C#で全角と半角、ひらがなとカタカナの変換を行うために、Visual Basicのアセンブリを参照します。 ソリューション エクスプローラーでアセンブリを追加するプロジェクトのツリーノードを展開します。 展開すると表示されるツリーノードの「参照」を右クリックします。 コンテキストメニューが表示されるので「参照の追加」をクリックします。 「参照マネージャー」ダイアログが表示されますので、左ペインの「アセンブリ」を選択(クリック)し、表示されるアセンブリの一覧から「Microsoft.VisualBasic」を選択(クリッ
Visual Studio Codeを自分が使用する際に便利なショートカットキーを、忘れないようにまとめておく。Windows版。v1.57で再確認済み。 編集系 Ctrl + Enter カーソル行の下に空行を挿入 Ctrl + Shift + Enter カーソル行の上(というかカーソル行?)に空行を挿入 Alt + ↑/↓ カーソル行/選択行をまるっと移動(複数行対応) Alt + Shift + ↑/↓ カーソル行/選択行をまるっとコピー(複数行対応) Ctrl + C 選択範囲をコピー。非選択状態で使用すると行コピーになる Ctrl + X 選択範囲を切り取り。非選択状態で使用すると行切り取りになる Ctrl + BS 単語の部分削除(カーソル位置より左側) Ctrl + Del 単語の部分削除(カーソル位置より右側) 1.は次の行を入力したい時、今まではカーソルを一旦行末に持っ
シェルスクリプトを書いていると、OKとかFAILEDとか 実行結果の出力に色をつけたいシチュエーションってありますよね。 使いたいときにぱっと頭にカラーコードが浮かべばいいけどなかなかそうは難しい。。。 なのでザクッと全部表示しちゃうコマンドをいつも使ってるので紹介します。 コマンド # 文字と背景の色の色見本を表示する for fore in `seq 30 37`; do printf "\e[${fore}m \\\e[${fore}m \e[m\n"; for mode in 1 4 5; do printf "\e[${fore};${mode}m \\\e[${fore};${mode}m \e[m"; for back in `seq 40 47`; do printf "\e[${fore};${back};${mode}m \\\e[${fore};${back};${m
vim、使ってますか? デキる人のためのイケてるエディタという印象のあるvimですが、できない人がvim使ったっていいじゃない。だって格好いいんだもん! 憧れのあの人が使ってるイケてるエディタを使ってみたい……そう思って導入したものの、あの人が使ってるかっこいい画面じゃない。なぜ?? 本稿は「vim触ってみたけど、全くわからなくて挫折した……」という方向けの、もう一度vimつかってみようよ!という応援記事です。 ※この記事はMacVim-KaoriYaについてのものです。他のvimと多少違いがある場合があります。 誰かのパクリからはじめよう vimは設定次第で様々な機能を追加できる反面、全くカスタマイズしてない状態では使い物になりません。 まずはvimの先駆者たちから設定を拝借しましょう。 最初は意味がわからなくても大丈夫です。そのうち自己流にカスタマイズしたくなってくる時がきます。 ここ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く