VS Codeの新機能「スティッキー スクロール」がさらに便利に！ 追従行数の変更、関数やクラスをリスト化できます
先日アップデートされた、VS Code v1.71で「スティッキー スクロール」がさらに便利になったので紹介します。 「スティッキー スクロール」はv1.70で実験的な機能として実装されましたが、v1.71で正式に実装され、さらに追従行数を設定できるようになり、スティッキースクロールで関数やクラスをリスト化して移動もできるようになりました。
先日アップデートされた、VS Code v1.71で「スティッキー スクロール」がさらに便利になったので紹介します。 「スティッキー スクロール」はv1.70で実験的な機能として実装されましたが、v1.71で正式に実装され、さらに追従行数を設定できるようになり、スティッキースクロールで関数やクラスをリスト化して移動もできるようになりました。
時系列モデル(ARIMA/Prophet/NNなど)を統一的なAPIで扱えるPythonライブラリ「Darts」がかなり便利 - フリーランチ食べたい
時系列モデルを扱う上でデファクトスタンダードになりそうなPythonライブラリが出てきました。 時系列モデルを扱うPythonライブラリは、 scikit-learn のようなデファクトスタンダードなものがありません。そのため時系列モデルを用いて実装を行うためには、様々なライブラリのAPIなどの仕様を理解しつつ、それに合わせてデータ整形を行い、評価する必要があり、これはなかなか辛い作業でした。 スイスの企業 Unit8 が今年(2020年)6月末に公開した Darts はまさにこういった課題を解決するライブラリです。時系列に関する様々なモデルを scikit-learn ベースのAPIで統一的に扱うことができます。 github.com Darts は現在、下記のモデルに対応しています。内側では statsmodels 、 Prophet(stan) 、 Pytorch などを使っていて、
CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説します。Webページやスマホアプリのレイアウト、コンポーネントなど、実際の使用例がたくさんあるので、実用的なテクニックが満載です。 CSS Variables 101 by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの変数（カスタムプロパティ）とは 変数名の付け方 CSSの変数のスコープ CSSの変数のフォールバック CSSの変数の効果的な使用例 インラインでCSSの変数を定義 メディアクエリでCSSの変数を定義 CSSの変数の継承 CSSの変数のバリデーションの仕組み CSSの変数の興味深い発見 デベロッパーツールで使用できる便利なテクニック 終わりに はじめに CSSの変数（別名: カスタムプロパティ）がブ
2022年度中にマイナンバーカードをほぼ全ての国民が取得する――。政府はこの目標に向け、マイナンバーカードの新規取得などで1人最大2万円分のポイントを付与する「マイナポイント事業」や、健康保険証や運転免許証とマイナンバーカードを一体化させる施策などを矢継ぎ早に展開している。 「マイナンバーカードの利用で便利になる」。河野太郎デジタル相はたびたびこうアピールしている。例えば2022年8月にはマイナンバーカードを管轄する寺田稔総務相と共に経団連を訪れ、会員企業に対して利活用を訴えた。だがマイナンバーカードを持っていても、現状では多くの人が日常で使う機会はほとんどない。 2022年8月25日、経団連にマイナンバーカードの普及と利活用の協力を要請する河野太郎デジタル相（左から3人目）と寺田稔総務相（左から2人目）。河野デジタル相は「（マイナンバーカードの本人確認機能の活用で）企業活動も便利になって
Dockerメモ : awesome-dockerで紹介されているDocker関連の便利ツール - もた日記
管理ツール lazydocker ctop portainer cadvisor ユーティリティ dive docker-slim docker-bench-security watchtower container-diff pumba container-structure-test Linter/Formatter hadolint dockfmt Dockerfileサンプル チートシート github.com awesome-dockerで紹介されているDocker関連の便利ツール、Dockerfileサンプル、チートシートなどをいくつか見てみる。 ざっくりとしか確認していないので実際には使えないものもあるかも。 管理ツール Repository スター数 jesseduffield/lazydocker 14,925 bcicen/ctop 9,823 lirantal/doc
さくらインターネットで、技術担当の執行役員と、最高情報セキュリティ責任者を務めている江草です。 最近、新型コロナウイルスの影響もあって在宅勤務などをされている方が増えていると思いますが、そういったときに、今までオフィスで使えていたサービスをどうやったら社外でも使えるかという話をしたいと思います。 在宅勤務やリモートワークとVPN さくらインターネットでは以前から「さぶりこ どこでもワーキング」という人事制度によって、1日単位で、あるいは午前中だけとか午後だけとかで、どこでも仕事してよいということをやっていました。さらに新型コロナウイルスの件もあって、現在では出社不要な人の大半が在宅勤務をしています。3月末にはすでに原則自宅勤務ということにして、全社リモートワークに転換しました。4月末の時点では93％の社員が在宅勤務を選択していました。仮に今後、新型コロナウイルスが終息したとしても、基本的に
音楽配信サービスにて配信中の「ゲーム音楽」を一覧で見られるサイトが便利。膨大な数のゲームサントラを楽しもう - AUTOMATON
ホーム ニュース 音楽配信サービスにて配信中の「ゲーム音楽」を一覧で見られるサイトが便利。膨大な数のゲームサントラを楽しもう 音楽配信サービスにて聞くことができる“ゲーム音楽一覧”をまとめるサイトが今、注目を集めている。その名も「ゲーム音楽」。同サイトでは音楽ストリーミングサービスにおける「ゲーム音楽」だけを閲覧できるWebサービスで、アルバムは常に最新の情報に基づいて表示される。noteアカウントhimanushi氏が開発し、話題となっている。 「ゲーム音楽」は上述のとおり、音楽のストリーミングサービスから、ゲーム音楽にしぼって検索と閲覧ができるサイト。サポートしているサブスクリプションサービスはSpotifyとApple Musicで、複数のサービスをまたいで検索できる。またサブスクリプションサービスではないものの、iTunesストアもカバー。これらのサービスでは膨大な数の楽曲を楽しむ
ケーブルの抜き差しなしでPCとゲーム機のモニター接続を切り替え。Ankerの四角いこれが便利だった | ライフハッカー・ジャパン
Ankerさん。デスクが片付く12 in 1最強モニタースタンドがほぼ9,000円OFFでいいの...? #楽天スーパーSALE
【ケーブル不要】ANKERの新作モバイルバッテリー「Anker Power Bank」が便利すぎてもはやバッテリーを超越してる…！ 1台3役は有能すぎ！
» 【ケーブル不要】ANKERの新作モバイルバッテリー「Anker Power Bank」が便利すぎてもはやバッテリーを超越してる…！ 1台3役は有能すぎ！ 特集 【ケーブル不要】ANKERの新作モバイルバッテリー「Anker Power Bank」が便利すぎてもはやバッテリーを超越してる…！ 1台3役は有能すぎ！ まろ 2024年4月2日 最近登場したANKERの新作モバイルバッテリーを買ってみたのだが、あまりにも便利すぎたので今こうして急いで記事を書いている。 手のひらサイズのコンパクトボディなのだが、これ1台で「モバイルバッテリー」「USB急速充電器」「USB-Cケーブル」の3つの機能が賄えるという優れものなのだ。 なかでも注目なのは、「USB-Cケーブル」が一体化されたということ。使ってみるとマジで便利！ 新年度を控え、モバイルバッテリーをお探しの方……スマホ用小型モバイルバッテリ
docker-composeを便利にするツール「dip」を使ってみた｜TechRacho by BPS株式会社
更新履歴 2019/11/27: 初版公開 2020/05/01: サブコマンド実行部分に追記 2021/04/14: dip 7.0に合わせて更新 2021/07/16: docker-composeコマンドをdocker composeに置き換え dipとは dipは、Rails開発会社のEvil Martiansのメンバーが作った、docker-composeでの作業を能率的に行えるツールです。dipはDocker Interaction Processの略だそうです。 dipはRubyで書かれているのでRuby実行環境が必要です。元々Rails向けに作られたツールのようですが、Evil MartiansのReactアプリにもdip.xmlがあることからわかるように、Railsに限らず一般のdocker-composeでも使えます。私の場合はローカル開発環境でのみ使っています。 追記
【TypeScript】カリー化・部分適用は便利だよ！ カリー化・部分適用利用してますか？ 調べたけど「関数を第一級オブジェクトとしてー」とか「関数を部分適用してー」とか説明が講義っぽくて途中で諦めた方も多いと思います。自分もそうでした。 また、知ってるけどどんな時に使うべきか迷って使ってないという方もいると思います。 具体的なコードを交えながら、カリー化・部分適用について、噛み砕いて説明していきたいと思います。 なお、すべてのTypeScriptのサンプルコードは実際に動かして確認することができますので、TypeScript Playgroundなどで是非お試しください。 カリー化と部分適用 まずはカリー化と部分適用の定義をば。 カリー化 (currying, カリー化された=curried) とは、複数の引数をとる関数を、引数が「もとの関数の最初の引数」で戻り値が「もとの関数の残りの引
三浦瑠麗 Lully MIURA on Twitter: "因みに世界日報と違いワシントン・タイムズ紙に至っては宗教色はほぼなく、保守系新聞としてふつうの実務家にも読まれている。わたしは普段読まないが、ペンタゴンの内部リークを載せたコラムはイラク戦争中便利だった。そこまで普通の企業活動もしている。勿論事件の前から距離は取っておくべき存在。"
因みに世界日報と違いワシントン・タイムズ紙に至っては宗教色はほぼなく、保守系新聞としてふつうの実務家にも読まれている。わたしは普段読まないが、ペンタゴンの内部リークを載せたコラムはイラク戦争中便利だった。そこまで普通の企業活動もしている。勿論事件の前から距離は取っておくべき存在。
この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。 CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイントです。 先日紹介したCSS小技テクと一緒に活用してみてはいかがでしょう。 【CSS】知っておくと便利！短いコードで実装できるCSS小技20選 たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個 そもそもHTMLってなに？ HTML（Hypertext Markup Language）は、Webブラウザで表示するための基本となる標準的なマークアップ言語です。また、CSS（Cascading Style Sheets）などの技術や、JavaScriptなどのスクリプト言語によってサポートされることもあります。 ホームページを作るときは、まずHTMLを
地方民だけど車はあるとめっちゃ便利だからあるに越したことはない 維持できるだけの収入があればなるべく持ちたい でも必須かといわれるとそこまで必須な理由ってちょっと見つからない 引越しとか必要な時があればその時だけ軽トラ借りるスタイルで全然問題ないような 家族暮らしなら大きな荷物を運ぶこともあるし、子どもを運ぶのに複数人が乗る乗り物が必要になってくるけど一人暮らしならバイクでも十分では？ 実際に知り合いの一人暮らしではバイクしか持ってない人もわりといる 地方といっても県庁所在地でもない、人口10万人レベルの小さな街だけどバイクだけでも全然生活できるけどな
兄弟要素を積み重ねる時、垂直マージンをどのように実装していますか？ 要素を積み重ねる時のマージンは、フクロウセレクタ（* + *）を使うと簡単です。さらに、>を追加することで、マージンが再帰的に与えられるのを防ぎます。たった3行のCSSで積み重ねる時のマージンを管理できる、フクロウセレクタの効果的な使い方を紹介します。 このテクニックは、テキストとテキスト、見出し直後のテキスト、流動的なフォントサイズにも非常に効果的です。 My favourite 3 lines of CSS by Andy Bell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのカスタムプロパティでのフォールバック値の仕組み The Stackではなく.flowを使うのなぜですか？ gapではなく、marginを使うのなぜですか？ 終わり
知らなくても困らないけど知っていると超便利 「JTB時刻表」編集長が駆使する鉄道知識｜ハイクラス転職エージェントのパソナキャリア
利益を追い続ける社会の中では、有益なものに時間を費やすことが正しく、利益に直結しないものは無駄であると言われがちである。しかし、一見すると「無駄」と言われてしまうものの中に、実は新しい発見や有益となり得る知識が存在するのではないだろうか。 多くの人が通り過ぎてしまう無駄知識の中に希少な価値を見出し、その分野を極めし方々に、人生を豊かにする「無駄知識」を紹介してもらう連載企画「至高の無駄知識」。今回は、創刊90年以上の歴史を持つ「JTB時刻表」の大内学編集長に、知らなくても困らない、だけど知っていると超便利な鉄道知識を教えていただいた。 ※政府や各自治体の要請に従い、不要不急の外出は控えていただき、電車移動の際は安全、体調に十分ご配慮ください。 こんにちは。私は「JTB時刻表」という、日本全国の鉄道やバス・航空などの時刻が掲載されている分厚い本の編集長をしている大内と申します。 「電車の時刻
主にフロントエンドを開発している、ぼくがかんがえたさいきょうのVSCodeを紹介します。 便利な設定, キーバインド集だけでも参考にしていただけると幸いです。 2023年度版 拡張機能 まずは言語問わず使えるものを紹介していきます。 Japanese Language Pack for Visual Studio Code vscodeを日本語にする。 Path Intellisense ファイル名を autocompletes します。 GitLens — Git supercharged commit単位でのファイル比較、最新のcommit内容表示 REST Client vscode上でgetやpostなどのHTTPリクエストを送信できます。 また、GraphQLにも対応しているみたいです。 Todo+ コメントにToDo: を入れるとToDoを作成することができる。 例外処理を入れ
佐藤ねじ / ブルーパドル @sato_nezi プランナー・デザイナー｜PR企画や、商品や店を作ってます。｜ こども服アルトタスカル／ボドゲホテル／隠れ節目祝いbyよなよなエール／小１起業家／劣化するWEB／著書_子育てブレストなど｜ お仕事相談はこちら▶︎ https://t.co/XodWPoHKSO https://t.co/R7mh27psq0 佐藤ねじ / ブルーパドル @sato_nezi 学校や塾帰りの、暗い夜道。こども歩かせるのけっこう怖いですよね… そこで、アルトタスカル から、再帰性反射材をつかった「ひかるふく」が発売されました！ amzn.to/3AfTWZb pic.twitter.com/h30kjg2YWF 2021-10-05 11:56:32
車のサイドオーニング（カーサイドタープ）は便利すぎて、なぜ今まで付けてなかったのかと思うくらいでした。 - キャンプ女子えりごのみのはてなブログ
車のサイドオーニングってやつを 買いました。 ARB製オーニング 2500×2500 posted with カエレバ 楽天市場で見る Amazonで見る Yahooショッピングで見る ↑ これです なお、ブラケットっていう 金具がないと こいつは 付きやがりませんので すでに 付いてる ↓ のルーフキャリア（車の上の荷物詰める 枠みたいなん） に、対応している ブラケットも 別で買いました。 で、届いたので 先に取り付け。 ルーフキャリアの説明書です。 で、取り付けを完了させ 翌日 営業所止めにしか出来なかった オーニングが 西濃運輸に 届いたと連絡があったので 受け取りに行きました。 で、無事ゲットして付けようと思ったらーーーーー 雨が降ってきた (# ﾟДﾟ) ということで 中止し、 せまっ 邪魔っ と 言いながら ↓ この状態で 1日過ごしました。 で、いよいよ 取り付け作業に入っ
<details>要素でアコーディオンを簡単に実装できますが、懸念点は複数のウィジェットが個別に開閉してしまうことです。1つ目を開いて、2つ目を開くと、1つ目は開いたままです。1つ目を閉じるには、1つ目をクリックして閉じる必要がありました。 しかし、<details>要素にname属性を与えると、すべてのウィジェットを連動して開閉させることができます。1つのウィジェットだけを開くことができる排他的アコーディオンをHTMLとCSSだけで実装する方法を紹介します。 Exclusive Accordion by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 アコーディオンの実装 1つのウィジェットだけを開くことができる排他的アコーディオン 排他的アコーディオンのポリフィル アコー
Android でマイナンバーカードの機能をより便利に
本日、デジタル庁が提供する Android 向け マイナポータル アプリがアップデートされ、Android 端末* にてマイナンバーカードの電子証明書と同等の機能がサポートされるようになりました。スマートフォン用の電子証明書を Android 端末に登録することで、マイナンバーカードを持ち歩くことなく、スマートフォンだけで各種行政サービスがより便利に利用できるようになります。 Android のマイナポータル アプリは、 Google Play ストア よりダウンロードいただけます。詳細はデジタル庁の ウェブサイト を御覧ください。公開に合わせて、デジタル庁の河野太郎大臣よりコメントを寄せていただきました。 本日、スマホ用電子証明書搭載サービスをスタートできたことを嬉しく思います。 これにより、マイナンバーカードを持たずとも、 いつでもどこでもスマートフォンだけで、マイナポータルにおけ
これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ（Fluid Typography）は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ
エバ @Ale_a_Barty ここまでこのツイートが伸びると思わなかったので補足。 ・安価の電気コタツはフレームが樹脂製の場合が多々ある ・こたつホースはヒーターにゼロ距離設置するのではなく、専用のスタンドを用いて適度な距離で使用する 続く 2019-01-06 12:24:50 エバ @Ale_a_Barty 続き ・ヒーターの設定温度は室温であってコタツ内の温度ではない(事件当時の設定室温は確か15℃〜18℃) ・ヒーターはこたつ内の温度など御構い無しで室内を暖めようと懸命に燃焼する ・室温が設定温度に達しても保温のため熱風は出続ける(メーカーによって風量に差あり) 続く 2019-01-06 12:47:39 エバ @Ale_a_Barty 続き ・事件当時の流れ ①食後にこたつ内で寝落ち ②なんかすんごい熱いのでこたつから出て寝落ち ③テーブル上の食器類が雪崩れて飛び起きる ④す
Nodeのパッケージマネージャーであるnpmにはnpxというコマンドが同梱されています。これまであまり使ってこなかったのですが、調べてみたらとても便利なコマンドだったので使い方などをお届けします。 こんにちは。サービスグループの武田です。 Nodeは現代のフロントエンド開発にはなくてはならない存在となりました。またクラスメソッド社内で静かなブームとなっているAWS CDKでの開発もNodeを利用します。そのCDKプロジェクトのひな型を作成する際に、npxコマンドを使用している例をよく見かけたのですが、そういえばこのコマンドよく知らないな？ということで調べてみました。 検証環境 次の環境で検証しています。 $ sw_vers ProductName: Mac OS X ProductVersion: 10.14.5 BuildVersion: 18F132 $ node -v v10.16.
はじめに 自分は「楽でわかりやすい」という理由から、git操作にはGUIツールのSourcetreeを使用していました。 ただ、GUIツールを使えない状況などではCUIに直接gitコマンドを入力するわけで、GUIツールの恩恵を得られないことも多々ありました。 そこでいっそのこと、GUIツールを真似てgitコマンドを拡張し、CUIに乗り換えることにしました。 本記事は、その際に作成した拡張のまとめになります。 目次（〇〇したいところ） 拡張を作成するにあたって、GUIツールと同じように「gitコマンドでも〇〇したい！」と思ったところをピックアップしました。 このピックアップ項目をもとに、gitコマンドを拡張していきます。 （なので、この項目が本記事の目次でもあります） 〇〇したいところ 1. branch一覧から選んでcheckoutしたい 2. 差分の内容をもっと見やすくしたい 3. 差分
先日リリースされたChrome 105, Edge 105でコンテナクエリ（@container）と:has()疑似クラスがサポートされ、モダンCSSの新機能がいよいよブラウザで使用できるようなりました。 そしてもう一つ、:modal疑似クラスもサポートされています。CSSでモーダル要素を検出できる新機能で、今までJavaScriptでしかできなかったことがCSSでできるようになります。 Is it :modal? by Jhey Tompkins コンテナクエリ（@container）と:has()疑似クラスについては、先日の記事をご覧ください。 レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスの元、翻訳しています。 :modal疑似クラスがCh
便利になる？JR東日本､Suica｢見えない大変化｣
都市部で鉄道を利用する多くの人々が「紙のきっぷ」を使わなくなってから、長い年月が経った。JR東日本がICカード「Suica」を導入したのは2001年11月。その後、東京圏では私鉄各社の「PASMO」導入に合わせて2007年3月にICカード相互利用が始まった。2013年3月には交通系ICカード全国相互利用サービスが開始され、大都市圏ではICカードのみの自動改札機も増えた。 交通系ICカードがこれだけ普及したのは、先陣を切って導入し、鉄道以外での利用についても積極的に取り組むなど利用範囲の拡大を図ってきたJR東日本のSuicaの存在が大きい。そのSuicaが、2023年度から新しい改札システムを導入する。利用方法は変わらないが、運賃計算などの処理システムが大きく変化する。 今までは「改札機で運賃計算」 これまで、Suicaの運賃計算は自動改札機内で処理する方式だった。乗車駅ではどの駅から入場し
霧ヶ峰キャンプ場は諏訪市営のキャンプ場で、標高が1,600mと高いので夏でも涼しく、快適に過ごせ、避暑に最適なキャンプ場です。 場内は土や草地で100張ほどの広いフリーサイトで騒音も少なく、自然に近い形でのびのびと過ごすことができます。 霧ヶ峰キャンプ場 霧ヶ峰キャンプ場【基本情報】 霧ヶ峰キャンプ場【サイト状況】 霧ヶ峰キャンプ場【利用料金】 霧ヶ峰キャンプ場【設備】 管理棟 管理棟トイレ 第1テント場炊事場＆トイレ 第2テント場炊事場＆トイレ 第3テント場かまど ゴミステーション 霧ヶ峰キャンプ場【アクセス】 霧ヶ峰キャンプ場【ロケーション】 霧ヶ峰キャンプ場【入浴施設】 ヒュッテ霧ヶ峰 白樺湖温泉 すずらんの湯 霧ヶ峰キャンプ場【買い出し】 ツルヤ 上諏訪店 綿半スーパーセンター 諏訪店 霧ヶ峰キャンプ場【周辺観光】 霧ヶ峰 白樺リゾート 池の平ファミリーランド 美ヶ原高原美術館 霧
車中泊のプロがおすすめ！ 車中泊マストグッズ＆便利アイテム40選 - カエライフ ～ クルマとカスタムで暮らしをカエるーCUSTOM ENJOY LIFE
この記事では、車中泊に必要なもの、快適な車中泊のための便利グッズ・おすすめアイテムを車中泊・クルマ旅の専門家がくわしく解説、紹介します！ 車中泊をするようになると、クルマ旅の楽しみがぐっと広がりますね。 これから車中泊を始めたい人は、どんなアイテムが必要なのか気になっているはず。すでに車中泊の楽しさに目覚めている人も、もっと快適に過ごすための便利グッズを探しているのではないでしょうか。 そこで、今回は、車中泊の旅を楽しむこと20年以上のクルマ旅専門家、稲垣朝則さんに、車中泊のマストアイテムとおすすめ便利グッズを紹介していただきました。 車中泊のプロならではのアドバイスも満載です。ぜひ楽しいクルマ旅にお役立てください！ ▼監修・執筆 稲垣 朝則（いながき とものり）さん クルマ旅専門家。 車中泊の旅を始めて20年以上。年間の車中泊数は平均60泊、多い年は100泊を超える。著書に『ミニバン車中
[Ansible] Visual Studio Code で Playbook を書く時に便利な拡張たち - てくなべ (tekunabe)
はじめに Visual Studio Code（以下、VS Code）で Ansible の Playbook を書く時に、私が便利に利用させてもらっている拡張をご紹介します。 「自分は Windows で VS Code 使ってて、Ansible は SSH 先の Linux だから関係ないや。」という方も、最後の「Remote Developement」まで見ていただけると幸いです。手元が Windows でも通用します。 動作確認環境: VS Code 1.38.1 その前に・・標準ではどんな感じに？ VS Code では特に拡張を入れなくてもある程度は Playbook が書きやすいようになっています。 具体的には Playbook の拡張子を .yml または .yaml にするこことで、言語として YAML が選択されます。 これにより、シンタックスハイライトが効くようになり、
![[Ansible] Visual Studio Code で Playbook を書く時に便利な拡張たち - てくなべ (tekunabe)](https://cdn-ak-scissors.b.st-hatena.com/image/square/e505855f6b4602bad326910ea5e7fb02e6a5f379/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Fakira6592%2F20190921%2F20190921112537.png)
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. Web制作お役立ちツール 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. アイコン素材パック 7. デザインコレクション 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Fresh Folk スタイリッシュなイラストを作成で
無印良品の旅行ポーチ「吊るして使える洗面用具ケース」が、遠征に最適でした。たっぷりの収納力、かゆいところに手が届く設計、一覧性の高い作り、遠征や旅行の予定がある人におすすめです。 無印良品 吊るして使える洗面用具ケース グレー 楽天で見る 無印良品 ポリエステル吊して使える洗面用具ケース グレー・約１６×１９×６ｃｍ こんにちは、ソレドコ編集部の中野です。 みなさん、遠征していますか！ 夏は何かと現場がありがちなので、遠征予定の人も多いのではないでしょうか？ かく言う私も、夏から秋にかけてあちこちに遠征予定があります。幸せですね。 遠征の悩みといえば、荷物（とパッキング）ではないでしょうか？ 現場に必要なアイテムに加えて、宿泊するならば洗面用品やコスメなど、何かと細々したものを持っていく必要がありますよね。なので、それらをまとめるポーチ類は必須！ 計画性のかけらもない人間なので、適当に買っ
ブックマークしておくと便利！ Tailwind CSSで実装された最新のUIコンポーネントライブラリ -Sailboat UI
// tailwind.config.js const defaultTheme = require("tailwindcss/defaultTheme"); const colors = require("tailwindcss/colors"); module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: { // Set font family fontFamily: { sans: ["Inter", ...defaultTheme.fontFamily.sans], }, // Set theme colors (Required config!) colors: { primary: colors.blue, secondary: colors.slate, }, }, }, // Add plu
この記事では、Webデザインやグラフィックデザインの制作スピード、生産性がアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用すれば、面倒な作業をラクにこなし、作業の効率化をアップできるでしょう。「なぜ今まで使っていなかったのか」、そんな気持ちにさせる便利ツールが揃いました。 各ツールはカテゴリごとに整理しています、以下のリストを参考にどうぞ。 コンテンツ目次 1. Web制作便利ツール 2. イラスト系ライブラリ 3. 配色ツール 4. デザインコレクション 5. プロトタイプツール 6. コラボレーションツール 7. 面白、クリエイティブツール Web制作フローが変わる！便利な最新オンラインツールまとめ Web制作便利ツール BrowserFrame 各種ブラウザ付きでスクリーンショットを撮影できるオンラインツール。目的の
これはすごい便利！ HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders
HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。
第8回は、前回の続きとして、GitHubとの連携機能、連携を強化するGit History、Git Graph、GitLensといった拡張機能を紹介し、GitHub上でワンストロークでオンライン版VSCodeを呼び出せるGitHub Codespacesについても紹介します。 はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで
Cloudflare Zero Trustで社内システムへのリモートアクセスをよりセキュアで便利にした話
こんにちは、Finatextの @s_tajima です。 弊社のこれまでのリモートアクセスの環境は、Pritunl というOpenVPNベースのソフトウェアで構築されていました。( 詳しくは、こちらの記事で以前紹介させていただいています。https://techblog.finatext.com/vpn-pritunl-on-aws-68619eda6b36 ) 今回は、このPritunlベースの従来のVPNを Cloudflare Zero Trustに置き換え、社内システムへのリモートアクセスをよりセキュアで便利にした話です。(“社内” という表現を使っていますが、”オフィスにある” という意味ではなく、”社内メンバー向けの” という意味です。) Cloudflare Zero Trust とはCloudflareと聞くと、CDNの会社というイメージが強いと思います。しかし昨今ではC
リモートワークのために揃えてよかったもの一覧みたいなブログを書こうかなと思ってやめるのを無限にやってる (新卒勢が 3 月に色々揃えがちなので、書くなら 2 月中がいいのかなあ)— tsutaj (@tsutaj) 2021年2月24日 ちゃんと記事書いてえらい。 この記事は、「来春からエンジニアとしてリモートワークをするけれど、何を用意したらいいのかわからない・・・」といった方々 (新卒とか) をターゲットとして書いています。参考になるところもそうでないところもあるかと思いますが、読んでいってくれたらうれしいです。 (注意: 本記事でフォーカスするのはあくまで「リモートワーク」であり「新生活」ではないので、冷蔵庫・洗濯機等の新生活に必要なアイテムは紹介しません。そのあたりは別途しらべてください) 目次 目次 机周り 机 マイク カメラ マルチディスプレイ・モニターアーム 机に取付可能な電
異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な場合に便利です。 CSSの相対カラー構文とは CSSの相対カラー構文のデモ CSSの相対カラー構文とは CSSの相対カラー（CSS Relative colors）構文を使用すると、他のカラーのパラメータを変更してカラーを定義できます。相対カラー構文は設定した色を相対色に変換します。変換には、fromキーワードを使用します。ブラウザはベースのカラーを変換して分解し、新しいカラーの定義で使用する変数として使用できます。
前回の記事であんまりにもあんまりな結論を出してしまったので、試しに今回AIを使わずに絵を描いてみることにしました。 結果として、メンタルが死にました。私、かなりAIに下駄を履かされていたんだね……。 とにかく正解の線がわからなくて苦しい。ぜーはー言いながらAIを使った作画補助時の3、4倍くらいかけて描いた絵がこちら。 調子にのって無駄に高解像度にしてしまったのでファイルが重くてかないませんでした。 ハープはクリスタの素材、服の模様はAIを使用。課題点としては ・表情とポーズが固い ・顔がうまく描きこめていない ・というか全体的に描きこみ不足 なのですが、ここでちょっと前の私の絵を見てみましょう D&Dの持ちキャラです成長しか感じねぇ！！！！！！ やったことと言えば、ひたすらAIに線画を描かせてトレスして、頭をぐりぐりひねりながら塗っただけなのですがそれを10回以上繰り返したら流石に成長しま
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの変数（カスタムプロパティ）の基礎知識、便利な使い方を詳しく解説
マイナンバーカードは便利か？民間での「本人確認」になかなか使われない理由
ゼロトラストで、もっと便利に、もっと安全に | さくらのナレッジ
【TypeScript】カリー化・部分適用は便利だよ！ - Qiita
【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選
地方民だけど車はあるとめっちゃ便利だからあるに越したことはない 維持で..
CSSの知っておくと便利なフクロウセレクタの使い方！ 要素を積み重ねる時のマージンにかなり便利です
VSCode のおすすめ拡張機能と便利な設定、キーバインド集 2022
反射材を使った子供向けの『ひかるふく』がめちゃくちゃ便利そう「全ドライバー歓喜服」「ウォーキングする大人も着て」
これは知っておくとかなり便利！ details要素にname属性を与えると、連動して開閉するアコーディオンを実装できます
雪国の暖房器具「こたつホース」を使用したら樹脂製のこたつが崩壊！？→便利なこたつホースの注意点
知らないのは損！npmに同梱されているnpxがすごい便利なコマンドだった | DevelopersIO
git操作はGUIツール派な自分もCUIに乗り換えた便利git拡張まとめ - Qiita
モーダル要素の実装に便利なCSSの新機能「:modal疑似クラス」、主要ブラウザのすべてにサポートされました
霧ヶ峰キャンプ場のアクセスも便利で避暑に最適！ #霧ヶ峰キャンプ場 #避暑 - 格安^^キャンプへＧＯ～！
Webデザイン制作が変わる！便利な最新オンラインツール45個まとめ
無印良品の旅行ポーチ、「吊るして使える洗面用具ケース」が遠征に最高便利でした #ソレドコ - ソレドコ
便利で爆速！ウェブ制作向け最新オンラインツール、無料素材37個まとめ
VSCodeのGit連携をさらに便利に！ 拡張機能Git History、Git Graph、GitLensを解説
リモートワークのために揃えて便利だったもの一覧 (エンジニア向け) - hogecoder
CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます
画像生成AI、お絵描き練習に便利説提唱したい｜とりにく