curlってオプションに -w '%{json}' って渡すとJSONで吐いてくれるの知らなかった!便利! https://t.co/UfWoU0H5rO
これは便利!「Stable Diffusion」が超簡単に始められる「Stability Matrix」 複数のUI環境のインストールや更新がワンクリックで可能に 画像生成AI「Stable Diffusion」をブラウザーで使うために必要なのがUI環境。筆者が入門したときは「Stable Diffusion WebUI(AUTOMATIC1111版)」しか選択肢がなかったが、現在は「ComfyUI」「Fooocus」「Stable Diffusion WebUI Forge」など様々な種類が出ている。 これらは基本的に別のアプリケーションなので、それぞれ環境設定・インストールをする必要があり、パソコンの中に複数の環境が乱立しがちだ。 さらに、これらのUIで利用するモデル(Checkpoint)やVAE(高画質化ツール)、LoRA(追加学習モデル)などもUIごとに必要になる。シンボリックリ
マージンを片側に与えるのではなく、アイテム間に4remのギャップを確保するように実装すると期待通りに配置できます。 See the Pen Using min margins by Cyd Stumpel (@Sidstumple) on CodePen. クリック可能領域を広げるテクニック これについては以前にも説明しましたが、アンカータグ(<a>)に::beforeのような疑似要素を加えると、親のクリック機能を継承するため、クリック可能領域を広げることができます。 クリック可能領域の参照として使用する要素には、position: relative;を必ず追加してください。 下記のデモでは、.list-item全体にposition: relative;を、疑似要素にposition: absolute;を使用し、top, left, right, bottomを0またはwidth: 1
どうも!TOM夫婦の旦那です! これまで色々と海外旅行におすすめのサービス・アプリを紹介してきましたので、このあたりでいったんまとめの記事を作成しておこうと思います。 海外在住に役立つサービスもまとめています。 www.tomfamilyworld.com 自信をもって紹介する保存版ですので、要チェックです! このサービスを使いこなせればあなたも旅玄人!?かもしれません。 1.おすすめの海外旅行に役立つサービス・アプリについて 2.航空券予約 "skyscanner(スカイスキャナー)" 3.ホテル予約 3-1.Booking.com(ブッキングドットコム) 3-2.Airbnb(エアビーアンドビー) 4.インターネット接続サービスeSIM 4-1.Airalo 4-2.MTX Connect 5.配車サービス "Uber(ウーバー)" 6.空港ラウンジサービス "Priority Pas
Windows 10の標準ブラウザアプリは「Microsoft Edge(マイクロソフト エッジ)」である。しかし、ウェブレッジの調査によれば、日本国内でのパソコンのブラウザアプリのシェアトップは34.81%のChromeで、Microsoft Edgeは15.93%で2位なのだ(2021年6月時点)。 確かにChromeを使っていても何の不満もないだろうが、Chromeはパソコンのメモリ消費量が大きいことが知られている。これに対し、Microsoft Edgeならメモリの消費も少なくChromeにはない便利機能もたくさん搭載されているのだ。そこで今回は、Microsoft Edgeを使いたくなるような7つ便利機能を紹介しよう。 ただし、Microsoft Edgeは頻繁に更新されている。Windows 10を普段から利用していれば自動的にChromium版のEdgeにアップグレードされて
git stashをもっと便利に扱いたいと思い、fzfを使って使いやすくしてみた。以下のURLに載っているものを参考にして自分にとって使いやすいように改変した。 fzfでGUI選択したファイルをgit stashするシェルスクリプト git-stash-explore できたこと 今の変更ファイルをfzfを使って選択して、選択したものだけをstash (git-stash-select) stash一覧の中から中身をpreviewしながら選び、apply or deleteする (git-stashes) 現在の変更ファイルから一部を選んでgit stashするコマンド fzfでGUI選択したファイルをgit stashするシェルスクリプト を参考に、git-stash-selectというコマンドを作った。 #!/usr/bin/env bash # Get the root direct
ノートアプリ「Obsidian」を使いこなす 「Obsidian」をカスタマイズして便利に使おう ~テーマやCSSで見た目を変えたり、プラグインを活用・開発したりする方法 この連載では、Obsidianのインストールに始まり、プラグインの導入、ノートの作り方などを解説してきました。 連載最終回の今回は、Obsidianをより便利に使うためのカスタマイズについて紹介します。 見た目を変える Obsidianは標準の設定のままでもノートアプリとしてモダンな見た目ですし、基本的な操作は問題なく使えます。しかし、見出しや箇条書きなどの見た目を少し変更するだけで、より読みやすくできます。 個人のノートと家族のノート、趣味のノートなど、複数の保管庫を使い分けている場合には、保管庫ごとにデザインを変えれば、どの保管庫を使っているのか一目で判断できるメリットもあります。 Obsidianで見た目を変えるに
みなさんは、Web アニメーション使っていますか? おそらくLottieを使っている人が多いかと思います。 ただ、Lottieには大きな問題がありますね? そうです。 Adobe の After Effects(AE)がないとアニメーションが作れないという問題です。 たくさんの人たちが嘆き苦しみながら AE を使うために Adobe に課金している事だと思います。 そんな人々を救うため、 最近では AE を使わなくてもアニメーションを作れるようにとLottie Labというサービスが開発されていたりします。 しかし、まだまだ公開には至っていない状態です。(2022/12/07 現在) そこで、Rive 登場 AE で行っていたアニメーションの作成から、書き出しまで全て Web 上で完結できるサービスです。 今回は、アニメーションの設定から React で動かすまでをやってみたいと思います!
Gitリポジトリ内を検索する機会はよくあると思います。git grepコマンドを使えば、git管理下のファイルのみを対象としてgrepができます。シンプルなコマンドですが、利便性はとても高いと思います。 「このメソッドって、どこで使われてるんだっけ?」 「その定数の定義って、値は何だっけ? どこにあるんだっけ?」 「あのURLって、何箇所で使われているんだろう?」 Gitリポジトリ内を検索する機会はよくあると思います。 このメソッドって、どこで使われてるんだっけ? その定数の定義って、値は何だっけ? どこにあるんだっけ? あのURLって、何箇所で使われているんだろう? git grepコマンドを使えば、Git管理下のファイルのみを対象としてgrepができます。 シンプルなコマンドですが、利便性はとても高いと思います。 なお、grep対象はカレントブランチのみです。 目次 シンプルな例 特定
ただし、settings.jsonとかkeybindings.jsonをいじり始めると平気で1日溶けます。私はよく現実逃避で始めたキーボード設定で時間を溶かします。 こんにちは。AWS事業本部コンサルティング部に所属している今泉(@bun76235104)です。 みなさんはエディターは何を利用していますか?(火種) 私はnvimやVSCodeを使い分けています。チームで開発する時やペアプロをする時はVSCodeに便利な仕組みが揃っているからです。 今日はチーム開発の際にさっと導入できるわりに、不要な手間を省いてくれる.vscode/settings.jsonと.vscode/extensions.jsonについてお話しします。 何がうれしいのか .vscode/settings.jsonでは以下のようにファイル保存時のフォーマッタ適用や適用するフォーマッタの指定が可能です。 .vscode
AtCoder の言語アップデート で、C++17 対応コンパイラが使えるようになりました。やったー! この記事では、競技プログラミングに役立つ C++17 の新しい標準ライブラリ・言語機能を 16 個紹介します。 サンプルコードは、AtCoder の GCC 9.2.1 システムで動作を確認しています。 C++17 標準ライブラリ機能 1. 値を範囲内に収める std::clamp(x, min, max) 値 x を、min 以上、max 以下に収めてくれる関数です。 これまで std::max(std::min(x, max), min) と書いてたのが 1 つの関数で済みます。 #include <bits/stdc++.h> int main() { // 値を 0 以上 100 以下に収める std::cout << std::clamp(50, 0, 100) << '\n'
こんにちは。河内です。 最近はデータ基盤の構築も取り組んでいたりします。 社内では他の DWH が使われている事例がありますが、今回の基盤ではデータソースとの親和性や価格面などを考慮し BigQuery で行くことにしました。 BigQuery 上で多くのデータを順次変換してデータを生成するために何らかのワークフローエンジンが必要でした。 社内の他のシステムではワークフローエンジンとして Digdag を採用している例が多いですが、このシステムでは Kubernetes 上でサービスを運用しているため、当初(2020年12月)は Argo Workflow 上でクエリを順次実行することを構想していました。構想中に Dataform が Google に買収され、無料で使えるようになったというニュースが飛び込んできたため、触って感触が良いことを確かめた後、Dataform を使っていくことに
こんにちは、コカコーラ大好きカジです。 「規模が大きく大量のセキュリティグループを確認するのは面倒ですよね。」 マネージメントコンソールで名前で検索しながら確認・・・というか、自分もそんな感じです。 Security Groupを図で見れたら・・・と思って調べたら解決していた人がいました。感謝です。 aws_security_vizとは 現在のAWS上のSecurity Group構成を簡単に視覚化するツールです。(MITライセンスです) anaynayak/aws-security-viz: Visualize your aws security groups. 前提条件 MacOSXでの利用法を記載します。 他のOSの場合は、Dockerで動作するようですので、上記URLのReadmeをご参照ください。 aws_security_vizのセットアップ HomebrewとRubyが利用で
雑貨屋などでキッチンコーナーに置かれていないが実は使うと効率アップするアイテム類を紹介するよ! https://anond.hatelabo.jp/20230729092726 カッパギ/水きりワイパー窓を掃除する為の水きりだが、これをキッチンに常備すると捗る。 まな板は食中毒防止の面からも調理中頻繁に洗った方がいい。だが水を切るのが面倒くさい… そんなあなたにはコチラ、カッパギ、若しくは水きりワイパーです。まな板を洗った後にカッパギを掛けると直ぐに次の調理に取り掛かれる。時間ロスゼロ。 元々はyoutubeの漁師マサルが使ってるのを真似したんだが、これが実に便利。特に魚を捌くときは鱗取る→洗う→内臓出す→洗う→おろす、と何度もまな板を洗う必要があってメンドイ。しかも水を残すと肴の身が水っぽくなる。でもカッパギ使えば水に残らない。 更に「シンクの高さが合わなくて背が高いと腰が痛い」問題も解
WebページやスマホアプリのUIデザインで、一貫したコンポーネント・テーマ・カラー・タイポグラフィ・アイコンなどを作成・管理できるAdobe XDの無料プラグイン「Spectrum」を設計したAdobeのデザインシステム・デザインマネージャーの解説記事を紹介します。 Spectrum for Adobe XD: Adobe’s design language in its experience design tool by Jacob Frank 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Spectrumの機能と開発した経緯 Spectrumを使用した結果 Spectrumのインストール方法 Spectrumの今後の機能 ご意見をお聞かせください はじめに アドビのデザインシステムであるSpectrumは、5年前
iPhoneのメモアプリは、単なるメモ帳にとどまらない進化を遂げている。ちょっとした文章作成はもちろんのこと、紙資料のスキャンや他のユーザーとの共同編集も可能。手書きにも対応している。簡易的な響きのある“メモ”という語感からは想像できないような機能が備わったツールに進化していると言えるだろう。プライベートで思いついたことを書き留めるだけでなく、ビジネスにも活用できる。 例えば、紙資料のスキャンはその代表例と言える機能。iPhoneのカメラを使って撮るだけでよく、歪みも補正してくれるため、枚数が少なければ、わざわざ専用のスキャナーを使うよりも手っ取り早い。ロック画面から素早く書いたメモを呼び出せるようにすれば、プレゼン中のカンペのような形で役立てることも可能だ。PCで取ったメモを、iPhoneで参照するといった使い方も簡単にできる。そんな仕事に役立つメモアプリの技を紹介していきたい。 スキャ
オープンソースで開発されているウェブブラウザ「Firefox」には、多くの機能が搭載されています。そんなFirefoxの機能の中でも「使いこなせばインターネットの達人になれる機能」を開発元のMozillaが解説しています。 11 secret tips for Firefox that will make you an internet pro https://blog.mozilla.org/en/products/firefox/firefox-tips/firefox-secret-tips/ ・目次 ◆01:ページを他の端末へ送信 ◆02:タブを検索 ◆03:スクリーンショットを撮影 ◆04:閉じたタブを開き直す ◆05:Pocketへ保存 ◆06:Picture in Picture ◆07:カラーピッカー ◆08:最近の履歴を簡単削除 ◆09:強力なパスワードを生成 ◆10:以
ビデオ会議やネット発表会が増える中、話した内容をリアルタイムで字幕化してWebカメラ映像に合成するシステムを開発する人が現れて注目を集めています。 開発したのは筑波大学大学院修士課程の鈴木一平(@1heisuzuki)さん。カメラとマイクをオンにしてGoogle ChromeからWebサイトにアクセスすると、話したことをリアルタイムで音声認識してWebカメラの映像に字幕として表示します。 話した内容がリアルタイムで字幕に カメラ表示やグリーンバック表示のありなしなども設定可能(サイトは随時アップデートしているとのこと) ブラウザの画面をキャプチャーしたり共有したりしてビデオ会議ツールに表示すると、字幕付きで会議に参加することが可能。音声認識結果のログをダウンロードすることもできます。ソースコードはGitHubで公開されています。 鈴木さんが公開したデモ映像では、話している内容がかなりの速さ
試してたらたまたまVisual Studio Code(vscode)のdevcontainer(Remote Container)が、Remote SSH経由でリモート環境でも使えることを知ったので、devcontainer用の環境構築方法やdevcontainerの構築方法についてまとめてみた 今まではローカル環境のdockerか、codespaceでしか利用できないのかなと思っていたのだけど、リモート含めて利用できるとかなり便利そうな印象だったので一通り試してみました 最近はRemote SSHでリモート環境を利用するケースが多いのでリモート環境で使えないならそんなに使えないかなと思ってたんだけど、普通にRemote SSH経由でdevcontainer使えたのでかなり便利そうだった devcontainerについてはこちらを参照してもらえればと はじめに 結論から言うと以下のような
こんにちは、pco2699といいます。奥さんと東京で二人暮らしをしている32歳です。普段はFinTech系のベンチャーでエンジニアとして働いています。 FinTechとは、金融とテクノロジーを組み合わせたサービスのこと。そのため、私は日常生活でもキャッシュレスなどテクノロジーを取り入れるようにしています。 その一つが、自分の結婚式。参加者とのお金のやりとりをスムーズにしたいという思いから、二次会の集金にキャッシュレス決済を導入したところ、主催側と参加者側にとって便利だと感じるところがあったのです。 普段からキャッシュレス生活をしていた私でも、あらためてキャッシュレスの良さを実感した1日でした。 すでにキャッシュレス生活をしている人は多いと思いますが、もっと突き詰めるとさらに便利になります。 そこでこの記事では、結婚式でキャッシュレスを取り入れた模様を紹介するとともに、私のキャッシュレス生活
ぼっち・ざ・つぼっく💉 4 @tsuvoc こういう直接USBのコネクタがついてるの、下手に繋ぐとマルウェア仕込まれそうで怖くない? そもそも電圧が規定通りかも心配だし。私は必ず間にモバイルバッテリを挟むようにしてる。 twitter.com/espresso3389/s… 2022-05-15 21:57:33 ぼっち・ざ・つぼっく💉 4 @tsuvoc @tsuvoc 汎用の100Vコンセントだと汎用ゆえにドライヤーだの炊飯器だの予想外のものに使われて容量オーバーの事故があるらしく、事業者的にはどう頑張っても12WなUSB TypeAは使い勝手いいらしいんだけど… 2022-05-15 22:21:14
コマンドプロンプトのコマンド一覧表示を用意しました。 重要度順、Linuxコマンドとの対比付きテーブルです。 Proxy環境で使う設定や常に管理者権限で実行する方法などコマンドプロンプト起動の便利な設定方法についても説明を加えました。 コマンドプロンプトとは コマンドプロンプトのコマンド一覧表示(Linux対比付) 忘れやすいコマンドなど コマンドプロンプトをProxy環境で使う設定 コマンドプロンプトを管理者権限で実行する方法(Windows10) 検索窓からcmdを探す メニューから選択する方法 コマンドプロンプトの便利な起動設定方法 コマンドプロンプトを常に管理者権限で実行する設定 コマンドプロンプトを開いた時の初期ディレクトリをホームディレクトリに変更する設定 コマンドプロンプトからプログラミングへ コマンドプロンプトとは コマンドプロンプトとは一般的にはコマンド入力待ちの状態であ
Provides functions to help TypeScript GraphQL client development including auto completion, query validation, type… このツールに限らずですが、開発支援系のツールは自分で使うモチベーションがあるときに作るのが一番ということもあり、重い腰を上げてこいつに大幅にアップデートを加えました。年末年始で時間もいっぱいありましたしね。 エディタ支援機能ts-graphql-plugin という名前にもある通り、こいつはTypeScriptのLanguage Service Pluginです。 Language Service Pluginというのは、TypeScriptの言語支援サーバー(tsserver)上で動作するため、エディタの種別を問わず動作するのが特徴です。 さて、例えばReac
アウトドアで活躍するものから、普段使いでも重宝するアイテムが揃うアウトドアブランド、モンベル。 今回はこれまでROOMIEで紹介したモンベル製品の中から、「小さいけど便利なアイテム」を3つピックアップしてご紹介します。 ひとつ持っておくと、何かと活躍してくれますよ〜! コンパクトなマルチランプ mont-bell 「コンパクト マルチランプ」 1,430円(税込) ヘッドランプの代わりになるアイテムを探していたときに見つけたのが、「コンパクト マルチランプ」。 ヘッドランプに多い幅広のベルトではなく細いコードが付いていて、頭に装着する他にもマルチなシーンで活躍してくれます。 ダブルクリックで点灯し、スイッチを押すたびに、LOW・HIGH・点滅と切り替わります。 広い範囲を照らせる広角レンズを搭載。 HIGHで35ルーメン・照射距離11mと充分な明るさを確保できます。 コードが細いので使って
CSSはどんどん便利になっていますね! これまではJavaScriptを使用しないとできなかったことがCSSで簡単に実装できるようになっています。 CSSのfield-sizing: content;でフォームのテキストエリアのサイズを入力された文字量に合わせて自動変更したり、テキストエリアの高さを行の高さで設定するlh単位を使ったCSSのテクニックを紹介します。 フォームのテキストエリアに使用するCSSのテクニックは、2つあります。 field-sizing: content;で、コンテンツに合わせてテキストエリアを自動的にサイズ変更する。 lh単位で、テキストエリアの高さを行の高さで設定する。 HTMLは、textareaを用意するだけです。
「Vue 3」は、JavaScriptフレームワークVue.jsの次期バージョンで、2016年にリリースされた「Vue 2」以来のメジャーバージョンアップです。Vue 3で導入される新機能のうち、前回は新しいコンポーネント記述形式「Composition API」を紹介しました。今回は、それ以外の主な新機能を説明していきます。 はじめに Vue.jsは、Webページのユーザーインタフェース(UI)を構築できるフレームワークです。2015年のバージョン1(Vue 1)、2016年のバージョン2(Vue 2)に続き、バージョン3(Vue 3)が開発中で、2020年第2四半期にリリース予定です。 前回記事ではコンポーネントの新しい記述形式「Composition API」を紹介しましたが、他にもさまざまな新機能がVue 3で導入されます。本記事では、それ以外の主な新機能を抜粋して紹介していきます
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く