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から操作すること
GitHubコマテク集 - OpenWork Tech Blog
インフラチームの西川です。 当社ではGitHubを利用しています。いろいろ便利な機能があるのですが社内でコマテクを募集してみたところ意外と知らないものがあったので共有してみます。 行動の見える化 特定コミットのリンク取得 通知 行動規範 ガイドライン .github リポジトリ テンプレートリポジトリ タグをたくさんプッシュさせない ドラフトプルリクエスト チケットの自動リンク化 ベースブランチの更新を取り込む まだレビューが終わってないプルリクエストの一覧化 レビュアーの自動割り当て コードの所有者 ファイル単位でレビュー済みをチェックする レビュー中のファイルを全部閉じる 具体的な修正を提案する レビューコメントをラベル化 デプロイ管理 リリースノートを自動作成 行動の見える化 以下の設定をすることで、GitHub上の行動を見える化することができます。 docs.github.com
ホームページ- 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
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.
getoptsを関数（function）の中で使う - Qiita
基数変換について調べた https://qiita.com/macoril/items/77ba050cad17f03ed46a ついでに基数変換用のエイリアスを設定しようとして詰まった。 TL;DR functionの中でgetoptsを使いたいときは OPTやOPTINDなどの変数をlocalで宣言しないといけない 詳細 # copy to your bash_profile or somewhere you write aliases, # then you can convert a number to different base by cbase # エイリアスを設定しているあたりにでも以下のコードをコピペすると基数変換がcbaseコマンドで簡単できるようになります function cbase() { function echo_usage() { cat << USAGE
Eclipse スクラップブックの便利な使い方 | Eclipse | 開発環境／開発ツール
eclipseのスクラップブック・ページを使うと、断片的なコードを実行することができます。 メソッドコールや自分のコードをクラスに組み込む前に動きを確かめるなど、何か思いついたときにすぐに使える、なかなか便利なもの。 実はこの「なかなか」なスクラップブック・ページは、開発中に「かなり」便利に使える強力なツールにもなるのです。 関連記事： OutOfMemoryErrorの原因と対応(1) NoClassDefFoundErrorの原因と対応(1) SimpleDateFormatのマルチスレッド問題 まずは動かしてみる 百聞は一見にしかず。スクラップブック・ページを使ったことのない方はまずは動かしてみましょう。 操作は、Javaプロジェクト上で「新規」－「その他」－「Javaの実行/デバッグ」－「スクラップブックページ」を選び適当なファイル名をつけて終了。 「.jpage」という拡張子のテ
enterkeyhintでエンターキーの外観（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 14日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 14 日目 今日は <input> とかで使える属性 enterkeyhint です。ソフトウェアキーボードを指示できる属性 inputmode とはまた別で、エンターキーのみを対象とします。 enterkeyhint – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/wvrggWQ 基本的な使い方 取り得る値。 enter done go next previous search send Android 日本語入力のエンターキー部分が紙飛行機の、メール送信アイコンになっている様子。 <input enterkeyhint="▒▒▒▒" /> の様子（右下エンターキー） pic.twitter.com/lXzMppC3
Windowsローカル開発環境からgit commitする時にはパーミッションに気を付けること - Qiita
背景 railsでdelay_jobやwheneverを実装し、ローカル開発環境では問題なくジョブが走った。 しかし本番環境にデプロイ後、ジョブが走らなかった。 エラーログを確認したところrailsのbinディレクトリ以下の各ファイルの権限が644となっており、実行権限がないことが判明。 だとしたら、ローカル開発環境でも動かないはずだろ？？ そんな思いからいろいろ調べてみた。 windows環境でのgitbushはchmodが効かない！！ chmod 777 ファイル名してもchmod 644 ファイル名してもchmod o+w ファイル名しても何しようが権限が変更されない。 大丈夫！ これはwindowsの仕様の問題らしい。 なのでスッキリあきらめよう！ git addするとパーミッションが自動的に変更され644になってしまう！！ これはgitの仕様。 おそらくですが、大規模開発を想定し
シェルスクリプト用のPOSIX準拠で高速な前ゼロ削除とtrim関数の実装 〜それ本当に外部コマンド(sed,awk,tr)が必要ですか？〜 - Qiita
シェルスクリプト用のPOSIX準拠で高速な前ゼロ削除とtrim関数の実装 〜それ本当に外部コマンド(sed,awk,tr)が必要ですか？〜ShellScriptBashshellPOSIX はじめに この記事は「シェルスクリプトは ((i=i+1)) ではなく i=$((i+1)) で計算しなければいけない！という話」を書いた時に、そう言えば算術式（$((...))）では頭に 0 がついた時に 8 進数とみなされるというささいな問題がありましたねーということで、その解決方法と一般化すればこれは前から書こうと思っていた外部コマンドを使わない trim 関数の実装の話なので、ついでにそれらを紹介する記事です。 このような処理をする場合に外部コマンドを使って実装する人が多いですが、実はシェルのパラメータ展開を利用すればシェルの機能だけで実装することができます。そしてデータが十分小さい場合にはその
Eclipse 2020-06 で、“Node.js version could not be determined” と言われる件 - Qiita
OS メッセージ 原因としては ユーザーが指定したPATH(.bash_profileとかの）を利用せずにMacOSでプログラムを起動する方法が原因で、PATH環境変数にノードの実行可能場所を追加することを説明するメッセージが表示されて混乱を引き起こしていると思われます。 解決策 --launcher.library ../Eclipse/plugins/org.eclipse.equinox.launcher.cocoa.macosx.x86_64_1.1.1200.v20200508-1552 -product org.eclipse.epp.package.jee.product --launcher.defaultAction openFile --launcher.appendVmargs -startup ../Eclipse/plugins/org.eclipse.equin
Javaのバージョン別、1行ずつファイルを読む方法まとめ - Qiita
（この記事は 地平線に行く とのマルチポストです） Java でファイルを読み込む処理は、バージョンが上がるごとにどんどん簡単に書けるようになっていきました。 今回は、どれだけ簡単になっていったかを Java のバージョンごとにまとめて説明します。 なお、ここでは以下の処理を行うコードをもとにしています。 そこそこ大きいテキストファイルを一行ずつ読み込む 文字コードは UTF-8 Java 1.1, Java 1.2, Java 1.3 public static void main(String[] args) throws IOException { File file = new File(args[0]); BufferedReader reader = null; try { reader = new BufferedReader( new InputStreamReader(
JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック
スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。 高さを縮ませるのはヘッダに限らず、パネルやバナーなど他の要素でも簡単に実装でき、汎用性にも優れていると思います。 Shrinking Header on Scroll Without JavaScript by Håvard Brynjulfsen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デモページのデザインがシンプルなので、一見見落とすかもしれませんが、ページをスクロールするとヘッダの高さが縮んで上部に固定表示されます。 デモページ 仕組みは、簡単です。 ヘッダは外側と内側の2
[Java]文字列連結で、＋演算子 or StringBuilder どちらを使うべき？ | Gabekore Garage
javapを使ってみよう javaファイルをコンパイルすると、バイトコードというものに展開されます バイトコードに展開される内容はソースコードと全く同じというわけではなく最適化されることがありますし使用している命令が変わることもあります Javaの実行環境であるJVMはそのバイトコードを読み取って実行してくれます ですので、実際にどのようなコードで動くのかはバイトコードを見るのが良いのです で、そのバイトコードがclassファイルです ※classファイルはバイトコード以外の情報も持ってるよ javapを使えばclassファイルに入っているバイトコードが見られます まずはjavapの存在を確認 JDKをインストールした時のディレクトリのbinフォルダにjavapはいます 僕の環境だとここ↓ C:\Program Files\Java\jdk1.8.0_72\bin\javap.exe Wi
![[Java]文字列連結で、＋演算子 or StringBuilder どちらを使うべき？ | Gabekore Garage](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d609e8498fd015103db937e3355af3495fbd473/height=288;version=1;width=512/https%3A%2F%2Fgabekore.org%2Fwp-content%2Fuploads%2F2017%2F06%2Fjavap_catch1200.jpg)
GitHubのTemplate Repository機能のすゝめ - Qiita
最近発見したGitHubのTemplate Repository機能の紹介です。 リンターやらテストライブラリの設定等は、ほぼどの環境でも行いますが毎回設定するのは地味に面倒ですよね。 GitHubのTemplate Repository機能を使えばその環境構築が不要で、本質的な開発をすぐに始められるようになります。 GitHubのTemplate Repositoryとは？ あるリポジトリのコードベースをそっくりそのまま新規のリポジトリ作成で利用できる機能です。 「え、それってforkと違うの？」っと思った方もいるかもですが、以下の点でforkとは異なります。 1つのリポジトリから複数作成できる（forkだと、同名のリポジトリとなるので1人のユーザー内で複数作成は不可） 元となったリポジトリのコミット履歴を継承せず、クリーンな状態でスタートできる 使い方 以下実際にTemplate Re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to embed any number of HTML widgets/snippets into Notion app for free · Shorouk's Blog
JavaScriptで「そうはならんやろ」「なっとるやろがい！」という事例が見つかる／割と古典的な罠らしい【やじうまの杜】
place-itemsで縦横中央寄せ（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 16日目） | Ginpen.com
