コードスニペット
コード断片のこと。
サンプルコードや再利用可能なコードを格納しておき、それを再利用するなどして作業の効率化・標準化を図るためのもの。
dreamweaverやVisualStudioなどの高機能なIDEに搭載されている。
このタグの解説について
この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。関連ブログ
Adobe XD + VSCode + Flutter でデザイントークンを開発者に共有する
先日VSCodeのAdobe XDプラグインが公開され、Adobe XDで作成したプロトタイプをコーディングに利用することが可能になりました。 利用までの手順と、実際に何ができて何ができないのか？試してみたので記録しておきます。 coliss.com letsxd.com Adobe XD + VSCode でできること Adobe XD のアセット（カラー/文字スタイル）に名前を付けて、デザイントークンとして扱う たとえば カラー #115293 を primary-dark のように CSSなどの各マークアップ言語・プログラミング言語での、デザイントークンのコードを生成できる 生成されたコ…
ネットで話題
もっと見る
photoshopvip.net
photoshopvip.net
photoshopvip.net
photoshopvip.net
kachibito.net
ozpa-h4.com
www.ideaxidea.com
photoshopvip.net
kachibito.net関連ブログ
VS Code Conference Japan に参加してきました
11/21(土) は「VS Code Conference Japan」に参加しました。 オンラインでの開催なので、全国どこからでも参加可能。ありがたいことです。 量が多いので、資料とか拡張機能へのポインタだけ、纏めておきます。 vscode.connpass.com 目次 セッションの資料 セッション内で紹介されていた拡張機能 Twitterのタイムラインで紹介されていた拡張機能 ツイート 当日の模様 重大発表！ まとめ セッションの資料 タイトルと資料 講演者 オープニング 職業「戸倉彩」 【初級 / Beginners】はじめての VS Code and Codespaces speak…
60以上の言語が使用可能なブラウザ実行型IDE - Repl.it
ブラウザ実行型の環境、便利ですよね。 フロントエンドに特化したものだとCodePenなんかが有名ですが、 その他の言語でも同様にブラウザ実行できる実行環境があると教育用や共有の際に便利かと思います。 今回紹介するRepl.itは、リアルタイム編集機能が付いたブラウザ実行可能なIDEとなっています。 まずはこちらの動画を見て頂くのがよいでしょう。 Repl.itのREPLという名前は、「Read-Eval-Print-Loop」を表す頭字語REPLに由来しています。 Codecademyの創設エンジニア（AmjadMasad氏）がCEOだそうで、Google Cloud for Startups…
野球好きのデータ分析初心者は「Rによるセイバーメトリクス入門」から探索するといいかもしれない
読売巨人軍, 福岡ソフトバンクホークスがリーグ優勝, ロサンゼルスドジャースが世界一となった今シーズンの野球ももうそろそろ終わりが見えてきました. CSで盛り上がったり日本シリーズに思いを馳せたり*1, 気持ちは2021年に向いていたり（？）それぞれ楽しみ方はありますよね.*2 そんな流れの野球界隈, つい先日（一部の野球ファンからは以前より存在が知られていた）セイバーメトリクスの書籍が発売となりました. セイバーメトリクスと野球が好きな人待望の一冊 Rによるセイバーメトリクス入門作者:Max Marchi,Jim Albert,Benjamin S. Baumer発売日: 2020/11/1…
Visual Studioにコードスニペット登録
環境 Microsoft Visual Studio Community 2019 Visual Studioにコードスニペットを登録する手順 .snippetファイル作成 作成したファイルを「%USERPROFILE%\Documents\Visual Studio 2019\Code Snippets\Visual C#\My Code Snippets」に保存*1 Visual Studioの「ツール」→「コードスニペット マネージャ」から登録するのが正式手順みたいだけどファイルを直接該当フォルダに放り込むだけでもいけました。 実施例 下記内容(NxMのジャグ配列dpを初期値INIで作成…
埋め込みチャットの姓と名を入れ替えたい
はじめに Salesforce では、主に顧客とチャットでやり取りするための Web チャットチャネルを作成することができます。 trailhead.salesforce.com 例えば、上のTrailheadモジュールに従えば簡単なWeb埋め込みチャットを作ることができるのですが、ここで1つ問題が発生します。 それは、顧客情報を入力する事前チャット画面で姓と名が逆に表示される、という点です。 姓と名が逆の事前チャット画面 おそらく名前の欄は英語圏を前提としているのでしょうが、Salesforce内部設定と異なりチャット設定には地域の設定がありません。 そのため、Salesforce設定レベル…
Google Colaboratory ショートカット｜覚え方付き！
Google Colaboratoryを使っていて ショートカットキーを覚えて、効率的にスクリプトを書きたいけど…。 Colaboratoryのショートカットって何があるんだろ？ たくさんあってなかなか覚えられないんだよね…。 という方向けに、Google Colaboratoryのショートカット、YutaKa独自の暗記法を紹介します。 私はここで紹介している暗記法で、ほとんど全てのショートカットを覚えています。 【分類別】Google Colaboratoryのショートカット ヘルプ系 実行・中断系 選択・削除系 表示系 操作系 セル内操作系 検索系 セル外操作系 ノート操作 Google …
週記（2020/10/05-2020/10/11）
10/05(月) 起きたら午後3時だった。昼前に一瞬意識を取り戻してツイッターを確認した覚えがあるが、二度寝に成功したらしい。 昨日のこどふぉのEのhackケースがTLに流れてきた。昨日のツイートだが、誰かのいいねで再度表示されていた。 同じ文字のペアを消すか消さないかは、以前の文字列によって決まる。消すことで後ろからより文字コードの大きい文字が出てくるなら消すべきでないし、逆にそうでないなら消すべきだ。では、後ろにある文字が同じであった場合はどうなるだろうか？ コンテスト中の僕は、この場合一律で消さないべきだと考えていた。消すべきだったら、そもそも後ろに同じ文字があるので、今見ているペアの片…
知識ゼロからの Kotlin Android アプリリリースへの軌跡 / Day9【Codelabs 2-3編】
学ぶこと アプリで ConstraintLayout を使用して View を配置する方法 TextView の背景色を変更する方法 ベースライン制約を使用して View を text の位置に合わせる方法 View のグループから horizontal チェーンと vertical チェーンを作成する方法 すること ColorMyViewsアプリを作成します。 TextView にクリックハンドラーを追加して、ユーザがタップした時に View の色を変更します。 異なるフォントサイズの TextView を追加し、ベースライン制約を使用してそれらを整列させます。 ３つのボタンのチェーンを追加…
「pixiv inside」が度々の変遷を経て、社員みんなの発信する"私たちのメディア"になるまで
技術系の企業によく見られる、技術部門運営によるエンジニアブログ。ピクシブ株式会社のオウンドメディア「pixiv inside（https://inside.pixiv.blog）」も、元々は同社のエンジニアブログとしてスタートしました。その後、リニューアルや体制の変更を経て、現在は採用広報を中心に幅広く社内の情報を発信するメディアとして運用されています。ピクシブ株式会社の小芝敏明さん（bash@bash0C7officialさんとして、記事内の写真ではアバターで登場いただいています）にお話をうかがいました。 pixiv inside（https://inside.pixiv.blog/）ピクシ…
Q. ワークポート「eコンシェル」でマッチしてない求人情報を非表示化したい
A. つぎのコードスニペットを開発者コンソール上で実行する // 地域絞り込み Array.from(document.querySelectorAll('.card-info__text.ng-binding')) .filter(x => { return !x.innerHTML.match(/.+万.+/) }) /* 年収レンジの表示以外を収集 */ .filter(x => { return x.innerHTML.match(/^.*(すごく遠い県|すごく遠い市|すごく遠い区|プロジェクトごとに場所が違う|クライアント先の都合で場所が変わる|etc...).*$/gm) }) .…
【Electron】remote moduleがdeprecatedになっている背景
Electron 10.0.0が先日リリースされて、remote module がデフォルトで無効になりました。 バージョンを上げた時に、一部機能が動かなくなる場合など出てくると思いますので そもそもremote moduleとは なぜ remote module を使うとよくないのか を整理してみたので、共有してみたいと思います。 この内容は2020年02月に開催されたCovalenceConf 2020のセッション(Jeremy Apthorp: Remote Module Considered Harmful )を元にまとめた内容であり、コードは動画内のものを引用しています。 remot…
spaCyでの係り受けなど可視化（注：タイトル負けしています）
前の記事でspaCyをカジりました。 itdepends.hateblo.jp spaCyなどのNLTKでは語の依存関係などを解析できますが、その関係を可視化して文とは文章とはなんたるかを俯瞰したいということが頻出します。 spaCyについては標準で、係り受けなどの関係を可視化するライブラリが同梱されています。 displacy というやつです。 https://spacy.io/usage/visualizers ですが、個人的にはどうもいろいろいろありまして、(多少ブサイクでも)無印のターミナルのPythonのREPLで完結できたら嬉しいなということで、自分にちょうど良いspaCyの語の依…
VSCodeでLaTeXを書くと楽
おはようございます！ しぐまです． 今回は，Visual Studio Code (以下VSCode)を使ってLaTeXを書けるようにする話です． VSCodeを使ったきっかけ VSCodeと格闘した日々 結果と必要な作業のまとめ 実際にVSCodeを使ってる感想 謝辞 VSCodeを使ったきっかけ 以前の私は，LaTeXを用いて文書を作成する際にCloud LaTeXを用いていました． その際，不便に感じることがあったため有識者に相談すると「VSCodeとか使うと便利らしいよ」と教えてくれました*1． そんな話を聞いてからしばらくたった後，私も「VSCodeへ乗り換えよう！」と決意しました．…
cron の代わり CloudWatch Events + Lambda + RunCommand でタスク実行を冗長化する
Webサーバーを運用していると、定期的にコマンドを実行させたいことはよくあります。 たとえば、このブログだと予約投稿で決められた日時を過ぎたら公開処理をする、みたいなのですね。 そういったものを簡単に実現する手法として、古くから cron が用いられてきました。 ja.wikipedia.org しかしながら、負荷分散のために EC2 AutoScaling や OpsWorks など、同じ構成のインスタンスを複数並列起動する構成では、グループのインスタンスすべてで同じジョブが実行されてしまう問題があります。 1台をグループから外し、その1台だけでジョブを実行するようにする方法もありますが、c…
