【VSCode】オススメの拡張機能と設定 - Qiita
{ "editor.formatOnSave": false, "editor.formatOnPaste": false, "editor.formatOnType": false, } この記事で紹介している拡張機能のIDは、記事の最後にまとめています。また、設定の方法については設定のやり方に記述しています。 以下は、この記事で紹介する拡張機能のカテゴリ一覧です。 設定ファイル関連(Yaml, Json, Toml) Git関連 Markdown関連 カラー系 API関連 コンテナ その他便利な拡張機能 ネタ系 設定ファイル関連(Yaml, Json, Toml) 特にYamlやJsonはどのプロジェクトでも使用する可能性が高いので、必須の拡張機能となってくるかと思います。 Prettier esbenp.prettier-vscode jsonだけの設定では、VSCodeの設定ファイ
ゆっくり解説動画を一瞬で作れるAIアプリ「NoLang」の使い方まとめ
「NoLang」は「○○の解説動画を作って」と入力するだけで解説動画を作成できるウェブアプリです。新たに、画面端にキャラクターを2体配置して対話形式で物事を解説する「ゆっくり解説」形式の動画が作成可能になったので、実際に試してみました。 【🔥重大発表】🐬NoLang 2.0をリリースしました！！ ついに、「ゆっくり解説」形式の動画生成や縦型ショート動画の作成が可能に！ 他にも動画の長さ指定、プロンプトによるスタイル制御、画像生成AIなど新機能が目白押し。 圧倒的進化を遂げたNoLangを是非お試しください！https://t.co/WcRBvKLhP1 pic.twitter.com/JOFN8t45KK— マーベリック|生成AI@NoLang (@sayhi2ai_jp) July 7, 2024 ・目次 ◆1：NoLangのアカウント登録 ◆2：「ゆっくり解説」形式の動画を作る設定
無料で自動文字起こし＆テキストで音声編集も可能な「audapolis」を使ってみた
オープンソースで開発される「audapolis」は書き起こし機能を備えたメディアエディターで、音声を自動的にテキストに書き起こすだけでなく、書き起こしたテキストを編集することで同時に音声も編集できるツールで、無料で使うことができます。 GitHub - bugbakery/audapolis: an editor for spoken-word audio with automatic transcription https://github.com/bugbakery/audapolis audapolisはオープンソースで開発されるフリーアプリで、AGPL-3.0ライセンスの下で配布されています。GitHubのページにアクセスし、「Release」にある最新バージョンをクリック。記事作成時点での最新バージョンはv0.3.0です。 audapolisはmacOS・Linux・Window
Apple純正メモアプリを、最強の文書作成ソフトに変える「ProNotes」 | ライフハッカー・ジャパン
検索を容易にする「Spotlight」風ショートカット愛用のMac内のファイルやアプリを検索するには、OS内蔵の検索機能「Spotlight」（あるいは、より優秀な代替サービス）があります。 同様に、ProNotesを使ってキーボードショートカットを設定すれば、アプリを立ち上げることなく、保存されているすべてのメモの内容を検索できます。 ProNotesでは、すべての検索結果をフローティングウィンドウで表示してくれるので、デスクトップから直接この機能を呼び出して、該当のメモやメモへのリンクをコピーできます。特定のメモを探す作業がぐっと楽になるので、まさに画期的な機能です。 このキーボードショートカットを設定するには、ProNotesの設定画面を開き、「Global Shortcut」オプションを選択してください。 「メモ」アプリでMarkdownが利用可能にMarkdownは、プレーンテキ
VisualStudioCodeで絶対にしておくべき設定ベスト20
Visual Studio Codeで絶対にしておくべき設定ベスト20 はじめに Visual Studio Code（VSCode）は、開発者にとって非常に人気のあるエディタであり、その柔軟性と拡張性から多くのプログラミング言語やフレームワークに対応しています。VSCodeを最大限に活用するためには、適切な設定を行うことが重要です。本記事では、VSCodeで絶対にしておくべき設定ベスト20を紹介し、それぞれの設定がどのように開発体験を向上させるかを詳しく解説します。 1. テーマの選択 1.1 ダークテーマとライトテーマ VSCodeでは、ダークテーマとライトテーマの両方が利用可能です。開発環境の明るさや好みに応じてテーマを選択することで、目の疲れを軽減し、作業効率を向上させることができます。特に、長時間のコーディング作業を行う場合、適切なテーマ設定は重要です。 1.2 テーマの変更方法
Figmaでちょっとしたデザインをつくるときに使っているプラグイン8選 - ICS MEDIA
アイコンやスライド作成など、デザイナーに限らずちょっとしたデザインをつくる機会はありませんか？ そんなとき、Figmaのプラグインを使うと、いつもより少し凝ったデザインを手軽につくることができます。 今回は、画像加工やあしらいをつくるときに便利なプラグインを8個紹介します。2024年6月時点で、すべて無料で使用できるので気軽に試してみてください。 Figmaのプラグインを使ったことがないという方は、以下の記事で使い方を紹介していますので参考ください。 『Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選』 1. Noise & Texture Noise & Texture | Figma 「Noise & Texture」は、ノイズやさまざまなテクスチャーを画像として作成できるプラグインです。 プラグイン実行後、設定パネル内の［Add to Canvas］をクリックすると
超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
VSCode(VisualStudioCode)の定番機能を一挙解説 - Qiita
はじめに コードエディタ界の王様VisualStudioCode。開発の際に使っている方も多いのではないでしょうか。 本記事では、VSCode(VisualStudioCode)の定番機能を紹介していきます。 この記事を読んで、VSCodeマスターになりましょう！ 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 そもそもVSCodeって？ VSCode（VisualStudioCode)はMicrosoft社が提供する無償のコードエディタです。2015年リリースですが、着々とユーザーを増やしており、2023年現在、世界で最もポピュラーなコードエディタの1つとなっています。 コードエディタって？ 字や記号などのテキストで構
VSCodeをプログラミングエディタとして強化しよう！ 便利な設定や拡張機能を紹介
はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げられたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで、読者がVSCodeマスターになるお手伝いをします。 対象読者 テキストエディタメインで開発してきた方 Visual Studioより軽い環境が欲しいと考えている方 Visual Sudio Codeをもっと使いこなしたい方 必要な環境 本記事の内容は、以下の環境で動作を確
GA4初心者の広告担当者にも簡単にできるGA4らしい分析 - ブログ - 株式会社JADE
こんにちは、JADEの小西です。 広告に携わるみなさまGA4はもう使っていますでしょうか。まだあまり使えてない、ユニバーサルアナリティクスと画面が違って慣れていないだけかもだけど何が変わったの？という段階の方がもう一歩GA4へ踏み込めるよう、ユニバーサルアナリティクスにはできなかったことでGA4ならではのレポーティングで、なおかつごく基本的な設定のみで簡単に確認できることのみをご紹介します。 「カスタムイベントも計測して探索レポート駆使してゴリゴリユーザー行動の分析をしている」くらいの方には特に参考になりませんので今後の村山と郡山の記事を楽しみにお待ちください。 準備：まずトラッキングパラメーターをつける まず、どの広告プラットフォームか、どの広告キャンペーンかなど必要充分な粒度で把握できるようにしましょう。 GA4利用前提でのトラッキングURLのおすすめのつけ方は以前ブログに書きましたの
Stable diffusion 初心者を救うためのガイド・使い方解説
こんにちは、画像生成AIのプロンプトを研究している じょじお（＠jojio‗illust）です。 この記事は、初心者のStable diffusion WebUI（ローカル・無料クラウド）ユーザー、そしてこれからStable diffusion を使ってAI画像生成を始めたいと思っている方を救うために書いています。 私は、環境構築でのトラブルや、苦手な英語での情報収集に多くの時間を使いました。その情報をここに共有することで、これからAI画像生成を始められる方のお役に立てればと思っています。 この記事は現在更新中です。 Stable diffusion とは？ Stable Diffusionは画像を生成してくれる画像生成AIです。Stability AI社が開発しました。 画像生成AIはジェネレーティブAIに含まれます。 その他の画像生成AI （ここに比較表を設置） NovelAI Mid
個人的PCまわりセットアップまとめ - Qiita
これは何 備忘録も兼ねて、PCのセットアップで自分のやることをまとめてみました。 随時更新していく予定です。 VS Code VS Codeの環境設定 setting.jsonに下記を追加します。 内容はコメントで書いているので、詳細は省きます。 { "editor.fontSize": 12, // フォントサイズを変更 "editor.guides.bracketPairs": true, // 対応している括弧にガイドを表示する "editor.minimap.renderCharacters": false, // ミニマップに実際の文字を表示しない "editor.renderControlCharacters": true, // 制御文字を表示する "editor.renderLineHighlight": "all", // 現在の選択行をハイライトする "editor.r
1年間使い倒したNotionの目標管理ボードを紹介 【テンプレあり】 | Notion 活用方法 #05｜Sakino Tomiura
今年も早いもので、残すところあと10日をきりました。 去年のちょうど今頃、「2022年はちゃんと計画を立ててみよう」と思い立ち、設計したNotionの目標管理ボード（Resolution Dashboard）を紹介したいと思います。 はじめに設計のきっかけと、目的これまで特に「来年は〇〇を目標にする！」といったような目標設定をしたり、定期的に振り返りをするルーティンが自分の中でありませんでした。 しかしパンデミックもあってか、外に出ることが少なくなったりして、なんとなく1年を過ごしていると「え、今年1年何やってたっけ！」と思ったのが2022年の終わり頃でした。 そして「2022年はちゃんと計画を立ててみよう」と思い立ち、面倒くさがりな自分に合った方法で、且つシステマチックに目標達成するためのシステムを自分で作れないかと考えました。 設計にあたって考えたこと📌 毎日/毎週ではなく、毎月末だ
VSCode全書 - おすすめ拡張機能・設定・ショートカットキー・キーバインド・Emmet・スニペットの紹介
コーダーやフロントエンドエンジニア向けのVSCodeの環境や機能を紹介していきます。かなりボリューミーなので是非参考にしてみてください。 こちらの6項目に分けて紹介します。 おすすめの拡張機能 設定 覚えておきたいショートカットキー キーバインド Emmet（エメット） スニペット おすすめの拡張機能 拡張機能は以下4つのジャンルに分けて紹介していきます。 配色テーマとファイルアイコン 表示拡張（見た目の拡張） 機能拡張（機能の拡張） 各言語（HTMLやCSSなど各言語に依存する拡張機能） ⭐️は特におすすめの拡張機能です。 配色テーマとファイルアイコン まずはおすすめのテーマとアイコンを紹介します。 ⭐️配色テーマ - GitHub Theme GitHubが提供するテーマです。ダークモードが見やすいので長年使っています。 Monokai Dark Sodaも結構好きです。 Sublim
無料でIFTTTやZapierのようにアプリやサービスを連動させ自動化できる「Make」を実際に使ってみたよレビュー
「Twitterへの投稿をDiscordに同時投稿」「メールの本文をスプレッドシートにまとめる」など、複数のウェブサービスを連携させると便利な状況は多々あります。複数のウェブサービスを連携させるサービスとしてはIFTTTやZapierなどが有名ですが、それらのサービスには無料で使える機能が少なかったり、対応しているウェブサービスが少なかったりといった問題も存在しています。「Make(旧称：Integromat)」は1000以上のサービスに対応しており、無料プランでもユーザー数無制限で利用可能といった特徴を備えているとのこと。そこで、実際にMakeの会員登録手順や、ウェブサービス同士の連携手順を確かめてみました。 Make | Work the way you imagine https://www.make.com Makeの会員登録を行うには、まずMakeのトップページにアクセスして「G
ワイのGitHubリポジトリおすすめ設定(2022年 決定版) - Qiita
設定対象 今回紹介する設定対象は以下2つです。 Repository Settings Repository Templates 1. Repository Settings おすすめの設定内容をシートにまとめました💡 よろしければ、ご活用ください🙇♂️ 各設定の選定理由をこの章で紹介します。 設定チートシート 1.1 General 1.1.1 General Require contributors to sign off on web-based commits 必要に応じて有効 機能について GitHubのWeb上で編集を行う場合、コミット時にサインオフを求める機能です。 詳細はリポジトリの強制コミット サインオフを有効または無効にする をご覧ください。 推奨シーン OSS開発など様々な開発者のコミットが想定されるとき 理由 OSS開発などにおいて、コミッターの方に著作権やラ
プロが語る「初稿のプロットや設定資料を作る前にもう一工程あると作品は洗練される」
DK @game_sennin 制限文字数内でなんとか書き収めることがポイントなので文字数は厳守してください。 「たくさん書くぶんにはいいだろ」と思わずに、どうしたら収まるか、残す情報と削る情報をどう判断するか、よく吟味して書くことに意味があります。 あまりないかもしれませんが無駄に文字数だけ埋めるのもNG DK @game_sennin この工程を避けようとする自分がいたら気をつけてください。 「要するにどんな話なのか説明できない」「おおまかな結末すら考えられていない」「何が作品の一番の特徴か言えてない」など、かなり根本的な部分の構想が固まりきっていない可能性があります
デベロッパツールの新機能が便利！ そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる
デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。 たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携わる人なら、この機能をオンにしておいて損はないでしょう。 display: flex;ではないのにFlexboxのプロパティを設定 ほかにも、widthを設定したのに効かないときは、それインライン要素ですよ、と教えてくれます。 インライン要素にwidthを設定 デベロッパーツールのこの新機能は「Find inactive styles」と呼ばれるもので、要素に適用されている非アクティブなスタイルを見つけることができます。 Find inactive styles -Ca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もがみたかふみさんはTwitterを使っています： 「chatGPTやばい。 永遠にゲームブックを遊べる可能性に気づいてしまった。 - 自分の好きな設定で始められる - 選択肢にない行動も取れる - 好きなタイミングで続きができる ……わかったぞ、これは高校生の頃の俺が見ていた夢なんだな？ 夢だろ？ 絶対。 / Twitter
VScodeの設定（settings.json）まとめ【2023年4月更新】
