Hatena Blog Tags
はてなブログ トップ
スニペット
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

スニペット

(コンピュータ)
【すにぺっと】

→コードスニペット
コード断片のこと。
サンプルコードや再利用可能なコードを格納しておき、それを再利用するなどして作業の効率化・標準化を図るためのもの。

スニペット

(ウェブ)
【すにぺっと】

【snippet】
Google等の検索エンジンで検索結果のタイトルの下に表示されるテキスト。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Hanatare's PaPa •8 か月前

【Visual Studio Code】メモをPCで取るならVSCodeがおすすめ

仕事をしているとメモを取る機会は非常に多いと思います。私はノートPCを常に持ち歩いて仕事をしており、打ち合わせのメモを取るときはVisual Studio Code（以下VS Code）を利用しています。職場がWindowsOSだったこともあり、以前はサクラエディタや秀丸も使っていたのですが、今ではすっかりVSCodeでメモを取るようになりました。今回はその理由も含めてVSCodeでメモを取る時の私の設定を紹介したいと思います。少しでも作業の生産性を上げたい方、特に議事録作成を少しでも楽にしたいという方の参考になればと思います。 記事のポイント VSCodeでの自動保存の設定方法 VSCode…

#Visual Studio Code#PowerShell#生産性アップ#メモ用ツール#スニペット

ネットで話題

もっと見る
720ブックマーク一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUTwebnaut.jp
677ブックマーク会議を爆速にする、Visual Studio Code 超便利スニペット集 - Qiitaqiita.com
495ブックマークBashスクリプトのチートシートと便利なスニペットまとめ - オープンソースこねこねkohkimakimoto.hatenablog.com
484ブックマークWordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPPWordPressにちょっと機能を追加したい時に役立つスニペットをまとめたサイトを紹介します。 目的をもって探すだけでなく、こんなこともできるのかという発見もあるかもしれません。 WPSNIPP – 500+ WordPress code snippets for your blog [ad#ad-2] WPSNIPPでは現在、545個のWordPressの便利なスニペットが登録されてい...coliss.com
472ブックマーク覚えておきたい31のCSSスニペット | IDEA*IDEAwww.ideaxidea.com
472ブックマークより素早くCSSコーディングするための、Sass（SCSS）のmixinスニペット集www.webcreatorbox.com
436ブックマークCSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツールcoliss.com
436ブックマークウェブ制作者の困ったを解決するコードが盛りだくさん、スニペットを共有するサービス -Code PadPublic Snippets コードは、現在7つのカテゴリに分けられています。 CSS Apache PHP JavaScript jQuery HTML XML Others [ad#ad-2] 例えばCSSだと、clearFix、角にリボンを配置、画像のフリップ、フッタの固定表示など、たくさんの便利なスニペットが登録されています。 CSS: Clearfix CSS: Pure CSS Corner Ribbon CSS:...coliss.com
435ブックマークGoogle Apps Script でよく使うスニペット集 30 選 - Qiitaqiita.com

関連ブログ

サポンテ 勉強ノート•9 か月前

意識の低いエンジニア向けゆるゆるアウトプットのススメ

はじめに この記事では「エンジニアにはアウトプットが重要と言うけれど、どれもこれも（心理的）ハードルが高い！」と思っているエンジニアの方に、もっと穏やかなアウトプット先として「スニペット」を紹介するものです。 「なんだスニペットか。それならもうやってる」という人や、すでにちゃんとアウトプットできている方は、本記事を読み飛ばしていただいて構いません。とくに目新しいことは書いていないつもりです。 フリュー 異世界魔王と召喚少女の奴隷魔術Ω レム・ガレウ ウエディングドレス 1/7スケール PVC製 塗装済み 完成品 フィギュア AMU-FNX267フリューAmazon

#スニペット#プログラミング#意識の低い
昨日の泥•昨年

そろそろ陳腐過ぎてなにも響いてこない

日記 スニペットツール ドラゴン 人類共通の敵 旗 日記 朝、解体した古い PC の外側を大型ゴミとしてマンション前に出しておいた。敷地内から出てはいないけど３日振りの外だ。 スニペットツール Windows PC にスニペットツール（定形文字列を短いキー操作で入力するツール）をインストールしていないことに気づいて物色してみたところ Beef text というのが良さそうだったので試してみた。設定はおなじみの感じで使いやすい。ところが使ってみると設定したフレーズが入力されない。あれこれ試しているうちに、Dvorak 配列用のツール DvorakJ をクローズすると無事に動くことが分かった。Be…

#旗#スニペット
はんなりと、ゆるやかに•昨年

Visual Studio Code スニペットで簡単日付入力

Visual Studio Code(VSCode)で 簡単に今日の日付を入力する方法を調べて、スニペットを使った方法が分かりましたのでまとめておきます。 スニペット スニペットは繰り返し入力するパターンが登録できるテンプレートです。スニペットを登録したあとは入力補完を使いながら便利に入力できます。 スニペットの登録方法 「File > Preferences > User Snippets 」から スニペットが編集できます。 編集したいスニペットを選択します。新しいスニペットファイルを作る場合は「New Global Snippets file」を選択して任意のファイル名を入力します。 新し…

#スニペット#Visual Studio Code#VSCode#vscode #vscodejp #拡張機能
めモらンだム・ヤード•14 時間前

iOS/iPadOSで、Dynalistで録っている日誌の移行先はやはりLogseqか？　(それともObsidian？)

作成: 2022-04-15 最終更新: 2022-06-29 Table of Content 2022-06-29 Logseqデスクトップアプリでサイドバーを通常は隠しておけるCSSが投稿されていた 2022-06-28 Cardyを自分流にアレンジとプチ改良 2022-06-27 「logseqiOSアプリで不安定なiCloud同期に苦労しているすべての人のために。」という投稿 2022-06-26 Scriptableアプリを利用したiCloud同期不具合解消策はボツ 2022-06-24 Apple WatchからLogseqの今日のジャーナルの先頭に追記するiOSショートカット …

ISID テックブログ•一昨日

XD、Figmaのデザインをコードに変換するツールを調べてみた

皆さん、こんにちは。Xイノベーション本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発をラクにするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロントエンド開発をデザインからシームレスに連携できるでしょうか。 この記事では、Adobe XDやFigmaをHTML、Reactのコードに変換するdesign-to-code ツールを紹介し、使ってみた感想をお伝えします。 コードを生成してみたツ…

ブログ作成•3 日前

マーケティング担当者のツールボックス：Googleの17の無料リソースとツール

あなたのウェブサイトやeコマースビジネスがあなたのターゲットキーワードの検索結果のトップにランクインする日を夢見ていますか？ 夢を見るのをやめて、やり始める時が来ました。 SEOと検索エンジンマーケティングに適切なアプローチを取ることにより、あなたのウェブサイトが検索エンジンのはしごを上っていくことがわかります。 しかし、グーグルは私のためにそれを持っています！ Googleは私のページがトップの位置に到達することを望んでいません！ これらは私が何度も何度も聞く一般的な言い訳です。あなたはこのように考え続けることができますが、これを覚えておいてください：検索市場シェアの点で、Googleは依然…

Hero’s blog•6 日前

Clipyのスニペットをバックアップする方法

Clipy とは macOS でのクリップボードを拡張するアプリ https://clipy-app.com クリップボードで複数の履歴を利用できるようにしたり、スニペットを貼ることができるようになる。 スニペットとはクリップボードでの定型文登録のようなもの。 Clipyのスニペットをバックアップする方法 Clipy ≫ スニペットを編集 ≫ エクスポート xml ファイルで出力される。かなりわかりやすい xml ファイルだった。 参考 tetsuyai.hatenablog.com ClipMenu の後継が Clipy なので同じ手順だった。

めモらンだム・ヤード•7 日前

Obsidian関連(2022-06-22)

2022-06-22 ObsidianのExcalidrawプラグインで日本語の手書き風フォントを使う デフォだと英数記号は手書き風なのに、日本語だけ活字でキッチリしすぎて不自然。 そこで、使うフォントを変えてみる。 ObsidianのExcalidrawプラグインで日本語の手書き風フォントを使う - めモらンだム・ヤード 2022-06-13 ObsidianのCalloutを縦書き表示もできるらしい「Callout Typesetting snippet」CSSスニペット ObsidianのCalloutを縦書き表示もできるらしい「Callout Typesetting snippet」C…

つれづれなるままに•7 日前

初めてのPull Request

VS Code Ver1.66で追加されたスニペット用の変数が公式のドキュメントになかなか追加されないので初めて自分のでないリポジトリにプルリクエストしてみた。 朝起きて確認してみると既にマージ済。やった。 公式のドキュメントは次のアップデート時に更新されるかな？ 2022/06/24 ドキュメントも更新されたの確認

EmotionTechテックブログ•7 日前

New Relicでブラウザモニタリング始めてみた

はじめに こんにちは、フロントエンドエンジニアのすずきです。 こちらの記事でトライアルしていたNew Relicですが、その後本格的に導入が決まりました。 フロントエンドのJSエラーの分析やパフォーマンス測定のためNew Relic Browserを導入しましたので、今回は導入方法や使ってみて感じたことなどをご紹介します。 導入方法 導入するためには、New Relicの管理画面で生成したJavaScriptスニペットをhtmlの<head>へ埋め込みます。 複数の環境に導入しても料金が変わらないため、今回は本番環境の他に開発環境等にもNew Relicを導入しました。 弊社ではフロントエンド…

PG日誌•8 日前

【C#】ViewModelの実装をスニペットで軽減する

WPF/UWP などの XAML 系実装で使用する ViewModel は OSS(Livet, Prism ReactiveProperty) などを使用しない場合、INotifyPropertyChanged 周りの実装が冗長で、繰り返しが面倒なので軽減策の紹介したいと思います。 アプローチ方法は以下の通りです。 共通基底クラスを使用 プロパティはスニペット化 確認環境 VisualStudio2019 C# 9.0 Bindableクラス まず ViewModel の共通基底クラスとして Bindableクラスを以下のように宣言します。 using System; using Syste…

algonote•8 日前

Railsの開発でよく使うライブラリー(gem)一覧

よく使うgemをまとめてみる 前口上 先月まとめたように、SaaSブームの中でアプリからWebへの回帰が少し起きている感覚があり、アプリのバックエンドでAPIだけなら軽量フレームワークでいけた場合でも、画面の描画もやる場合はなんだかんだでフルスタックフレームワークの方が融通がきくように感じています。 とりわけB向けサービスではアクセスがそれほどないが業務要件が複雑という場合もあり、ORMの能力がダイレクトにビジネス上の競争力につながるため素朴なRailsでActiveRecordの構成がはまるケースも多いです。 Ruby on Railsでの開発は枯れに枯れているのですが、まとめたことがなかっ…

つれづれなるままに•8 日前

VSCodeのスニペットについて

VS Codeの拡張機能開発の練習でC++のスニペットを拡張機能として作成して去年あたりに公開した。 marketplace.visualstudio.com 標準のC++拡張でもスニペットは入っているけど足りない部分を補う感じで作成しているつもり。 作成する中でスニペットの便利機能を調べたのでまとめてみる。 便利機能 もしも拡張機能でなく自分独自にスニペットを作成したいならこんな便利な機能があるよというのを何選か。 ファイル名やフォルダ名、現在の月日、乱数、UUID、選択範囲、クリップボードなどは変数で定義されている。 変数は初期値として使用したり正規表現で置換して使用することが可能です。 …

走っても走っても•10 日前

思ってたよりも暑かった日曜日

午前中は買い物に出かけたりして過ごし、空いている時間は本を読んで過ごしました。Visual Studio Code API入門 初めてのシンタックスハイライトとスニペットづくり (技術の泉シリーズ（NextPublishing）)作者:前田 朱里インプレスR&DAmazonソフトウェア品質を高める開発者テスト アジャイル時代の実践的・効率的なテストのやり方作者:高橋 寿一翔泳社Amazon午後は出かけたいなと思いつつ、いろいろ考えているうちにおっくうになって午前と変わらず無為に過ごしてしまいました。あっという間に16時を過ぎたので急いで走りに出かけました。今日は10kmくらいのジョグで済ませよ…

子持ちししゃもといっしょ•10 日前

思ってたよりも暑かった日曜日

午前中は買い物に出かけたりして過ごし、空いている時間は本を読んで過ごしました。Visual Studio Code API入門 初めてのシンタックスハイライトとスニペットづくり (技術の泉シリーズ（NextPublishing）)作者:前田 朱里インプレスR&DAmazonソフトウェア品質を高める開発者テスト アジャイル時代の実践的・効率的なテストのやり方作者:高橋 寿一翔泳社Amazon午後は出かけたいなと思いつつ、いろいろ考えているうちにおっくうになって午前と変わらず無為に過ごしてしまいました。あっという間に16時を過ぎたので急いで走りに出かけました。今日は10kmくらいのジョグで済ませよ…

シード期スタートアップエンジニアの技術ブログ•10 日前

DAY4(2022 6/6) ~ DAY8(2022 6/10)

モニタースタンド DAY4(2022 6/6) ある機能Bの作成をした。作成する中でgemのエラーが発生したので、解決するのにすごい時間がかかった。Railsのエラーの中でインフラ関連のエラーやgem関連のエラーは解決に時間がかかるので、どうにかしたい。よく使うgemは、徹底的に使いこなせるようになるべきだと感じた。 ある機能Bのレビューまで完了した。 30分集中して仕事するを繰り返すのが良いと、何かの本で読んだので、この日以降、実行してみた。気持ち集中力が上がった気がする。 大きいタスクを渡されると、色々やらないといけなくて、テンパって結果的に全然進まないことがある。何をすれば良いか分からな…

子持ちししゃもといっしょ•11 日前

寝坊したけどよい土曜日

今朝は平日と同じ時間に目が覚めたのですがそのまま二度寝。結局11時まで寝ちゃいました。さすがに寝すぎでは...。 午前中は軽く走るつもりだったので起きてすぐに走りに出かけました。ペースが上がらないのは仕方ないんですが、それにしても起き出してすぐに走るのはつらかった...。とりあえず1時間くらい走ってきました。走り終えたら13時を過ぎてたので急いでお昼ご飯を食べに出かけました。コンビニで何か買って食べようかと思ったのですがそれもなんだか味気なかったのでさいきんお気に入りの食堂に食べに行っちゃいました。今日は味噌チャーシュー麺を食べたのですがこのチャーシューがなかなか大きい上にほろほろと柔らかくて…