You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Over time, implementation and design tend to drift apart. As apps get more complex, teams lose track of what’s been developed in Storybook and what’s been designed in Figma. This ambiguity slows you down. I’m thrilled to announce that Storybook Connect for Figma is now in beta. It’s a Figma plugin which brings your stories into the design workspace. That streamlines design handoff and UI review be
はじめに こんにちは、情報システム部で主に社内システムを開発している三宅です。 この度、SpeeeがOSSとして公開していた speee/itamae-plugin-recipe-datadog について、リポジトリを移管することになりました。 SpeeeのOSSへの取り組みについては、 SpeeeでのOSS活動事例をご紹介します - Speee DEVELOPER BLOGの記事などを読んでいただけると幸いです。 そういった取り組みの中で、itamae-plugin-recipe-datadogは生まれました。 事の発端や経緯については、Speee在籍中にOSSとしてこのGemを公開された @takanamitoさんの書かれた記事に詳しく載っていますので、興味のある方はぜひご一読ください。 takanamito.hateblo.jp この記事では、移管するにあたってクリアコードの須藤さん
概要 ESLint v9 への対応を進めていると、いくつか Flat Config に対応していない Plugin や Config に遭遇することがあります。その際に、Legacy Config のみ対応している Plugin と、Flat Config も対応している Plugin の両方の構造の違いを知っておくと、Flat Config に向けた対応をすすめる上で便利だったため、その違いを俯瞰するための資料としてまとめました。 前提 以下で例示する Plugin は、パッケージ名を eslint-plugin-example として、いくつかのカスタムルールと、カスタム Processor を持つものを想定しています。 Plugin の実装方法や API の解説はしない。 ESLint v9 では、v8 で廃止予定となった API が削除されているため、Plugin を作成したり、E
はじめに この記事は Unity Advent Calendar 2020 の 14 日目の記事です。 昨今、注目度が上がってきているプログラミング言語 "Rust" を用いて Unity の Native Plugin を実装する方法と、私が最近開発をしている "Unity Native Plugin API for Rust" の紹介記事になります。 crates.io GitHub テストを兼ねて Unity が提供している Native Plugin のサンプルコードを Rust に移植していますのでこちらも御覧ください。 Native code (Rust) rendering plugin example for Unity "C++ Rendering Plugin example for Unity" ままですが、ネイティブプラグイン側は Rust 実装に差し替えています。
こんにちは、デザイナーの鈴木です。 最近はワークアウトにはまり腹筋が割れました💪腹筋を割るために食事バランス考えたり、1個1個の食材の栄養価を調べ始めたりして身体って面白いな〜ってところまできてます。継続していきたいですね! さて、前回のDark Mode Switcherに続き、今回は1つ目に開発した社内向けPluginの紹介です。 Shinadashiってどんな機能? Figma上の画像やテキストに対して店舗を指定すると、対応する商品やチラシ、店舗情報などに置き換えてくれるプラグインです! 商品データを引っ張って表示する流れをスーパーの「品出し」とかけて、Shinadashiと名付けました。名前はパッと決めた割にとても気に入っています👍 開発したきっかけ トクバイのデータはフロー情報かつ、色んな店舗の情報が集まっているので同じデータを使い続けることは難しく、かといってサンプルモック
An OBS plugin similar to OBS's win-capture/game-capture that allows for audio capture from a specific application, rather than the system's audio as a whole. This eliminates the need for third-party software or hardware audio mixing tools that introduce complexity, and in the case of software tools, introduce mandatory latency. Internally it uses ActivateAudioInterfaceAsync with AUDIOCLIENT_PROCES
What is Krew? Krew is the plugin manager for kubectl command-line tool. Krew helps you: discover kubectl plugins, install them on your machine, and keep the installed plugins up-to-date. There are ⌛ kubectl plugins currently distributed on Krew. Krew works across all major platforms, like macOS, Linux and Windows. Krew also helps kubectl plugin developers: You can package and distribute your plugi
Editor’s note: We’re hearing today from DoiT International, a Google Cloud Premier and MSP partner, and two-time International Partner of the Year. They recently built a Grafana plugin for BigQuery, making it easier to visualize your data. Read on for details. At DoiT International, we see data problems of all shapes and sizes. From complexity analysis to large-scale system design, there are a var
XD to Flutter Plugin: Convert XD Designs into Working Code to Build Native Apps with Google’s Flutter The XD to Flutter Plugin is now available! Check out the release post here and get started on simplifying designer-to-developer workflows. Product teams today need to design for more devices and platforms than ever before. The expectation that software products work seamlessly and consistently acr
html-webpack-plugin、css-loader、mini-css-extract-plugin、ejs-compiled-loaderを使い、分割したejsをテンプレートにして、ブラウザキャッシュを回避できるCSS、JavaScriptを読み込ませたHTMLを出力できるようにする。 # html-webpack-pluginとは html-webpack-plugin (opens new window)とはwebpackのプラグインで、webpackで生成したJavaScriptやCSSを埋め込んだHTMLを生成する。 webpackで生成したJavaScriptやCSSにユニークな識別子を付与することでブラウザキャッシュを回避したり、テンプレートとなるHTMLをカスタマイズすることができる。 # html-webpack-pluginでJavaScriptを読み込んだHT
Currently, Lookup plugins [1] don't support JNDI resources. It would be really convenient to support JNDI resource lookup in the configuration. One use case with JNDI lookup plugin is as follows: I'd like to use RoutingAppender [2] to put all the logs from the same web application context in a log file (a log file per web application context). And, I want to use JNDI resources look up to determine
kubectlのプラグインを開発していると、ユニットテストだけでなく、本物のKubernetesクラスタを利用したテストが欲しくなります。プラグインの振る舞いが複雑な場合は自動テストがあると安心してリリースできます。 本稿では、本物のKubernetesクラスタを利用してkubectlプラグインをテストする方法を考えます。 テストの基本形 本物のクラスタを利用してプラグインをテストするための構成を下図に示します。 必要なのは以下の3つです。 テスト対象のプラグイン テスト対象が依存するクラスタやリソース テストシナリオ テストの流れは以下のようになります。 クラスタを作成する。 必要なリソースをデプロイする。 kubectlを実行する。 間接的にkubectl pluginが実行される。 実行結果が期待通りか検証する。 このようなテストはプラグインのリリース前に手動でやっていることが多いと
eslint-plugin-import-accessで「そこからそれはimportしないでください!!」を防ぐ この記事は 株式会社ゆめみの23卒 Advent Calendar 2023 16日目の記事です。 3行で eslint-plugin-import-accessで「ディレクトリの他の階層からimportしてほしくないメンバ」を定義できるよ! さらに defaultImportability: "package"を指定するとちょっと初見殺し感があるけどかなり強力になるよ! re-exportを使う場合はビルドパフォーマンスやバンドルサイズに影響する可能性があるから気をつけよう! eslint-plugin-import-accessとは アプリケーションなどを開発しているとき、あるモジュールの範囲内でのみ使用してほしい(=あるモジュールの中に隠蔽したい)変数や関数を定義したくな
マイクロソフト、WordPressをMicrosoft Azureへ簡単に移行できるプラグイン「Migration plugin for WordPress on App Service」パブリックプレビュー公開 マイクロソフトは、WordPressのWebサイトをMicrosoft Azure上へと簡単に移行できるWordPressのプラグイン「Migration plugin for WordPress on App Service」のパブリックプレビュー公開を発表しました。 Microsoft Azureには、アプリケーションの実行環境全体があらかじめクラウド上に用意されているPaaSを提供する「Azure App Service」と呼ばれるサービスがあります。 このAzure App Serviceを利用すると、マーケットプレイスに用意されているアプリケーションを簡単にMicros
fluent-plugin-aws-elasticsearch-serviceでIAM権限でAmazon Elasticsearch Service繋ごうと思うのですが、IAM権限やアクセスポリシー変更しながらの疎通テストをしたいと思い。簡単に疎通テスト用の手順書きました。 github.com Amazon Linux2にログオン td-agentインストール fluent-plugin-aws-elasticsearch-serviceのインストール 設定ファイルと疎通用のデータ準備 疎通テスト Amazon Linux2にログオン クリーンなAmazon Linux2の起動後から作業を記載します。疎通テストだけならt3.nanoで十分です。 まずはec2-userでログオンします。 td-agentインストール 本家の手順の通り。 $ curl -L https://toolbelt
Vite で Node.js Webアプリケーションの開発を行えるようにするためのメモ書きです。 やりたかったこと Node.js Webアプリケーション開発でも TypeScript で型の恩恵を受けたい 開発時にサーバーを立ち上げたら、コードを修正する度にビルド -> サーバーを立ち上げ直すことなく動作確認できるようにしたい 前提 Vite のインストール方法についてはこの記事では取り扱いません。 以下は Vite がすでにインストールされている前提で進めています。 Vite Plugin Node を導入する 今回は vite-plugin-node を利用しました。 github.com Vite Plugin Node の特徴 Vite Plugin Node の README には以下の機能が紹介されています。 Node server の開発で HMR を利用できる (hot
AWS DevOps Blog Automating cross-account actions with an AWS CDK credential plugin The AWS Cloud Development Kit (AWS CDK) is an open-source software development framework to model and provision your cloud application resources using familiar programming languages. You can automate release pipelines for your infrastructure defined by the AWS CDK by using tools such as AWS CodePipeline. As the arch
Make sure that your import statements stay consistent no matter who writes them and what their preferences are. A plugin that makes Prettier organize your imports (i. e. sorts, combines and removes unused ones) using the organizeImports feature of the TypeScript language service API. This is the same as using the "Organize Imports" action in VS Code. Features 👌 Dependency-free (just peer-dependen
kubectl plugin lists allocations for resources (cpu, memory, gpu,...) as defined into the manifest of nodes and running pods. It doesn't list usage like kubectl top. It can provide result grouped by namespaces, nodes, pods and filtered by resources'name. Columns displayed : Requested : Quantity of resources requested by the container in the pod's manifest. It's the sum group by pod, namespace, nod
Rollupで複数のファイルを1つにまとめる際にrollup-plugin-commonjs、rollup-plugin-node-resolveプラグインが使われる。この2つのプラグインはいったいどんな役割があるのだろうか。Rollupの概要をおさえた上で、環境をつくり動きを確認していく。 # Rollupとは Rollupとは、モジュールバンドラ(module bundler)だ。 モジュール(module)は機能ごとに分割されたファイルのことで、バンドラ(bundler)はそれらのモジュールをまとめることだ。RollupはES2015(ES6)をベースにしている。つまり、特に設定しなくてもimport、export文をつかって複数ファイルを1ファイルにまとめることができる。 # Rollupのインストール さっそくRollupが動く環境を準備していく。 package.jsonを用意
個人的に開発・メンテナンスしている TypeScript の複雑な型定義を展開表示できる VSCode の拡張機能 ts-type-expand を軽量化したのでその手法を紹介します 内容としては拡張機能独自で建てていた CompilerAPI とウォッチャーを、VSCode 内蔵の vscode.typescript-language-features の CompilerAPI を使うようにした形です このやり方を見つけるまでに苦労したので CompilerAPI を使うような拡張機能開発をしようとしている方の一助になれば幸いです 抱えていた問題点 ts-type-expand は VSCode 標準の変数のホバーだと丸められてしまう こういう型定義を こういった形で最終的に解決される型に展開して TreeView で確認できる拡張機能です 選択されている変数等の型情報を拡張機能側で拾
どうも、こんにちは。 一人で babel-plugin-macros タグを占有している者です。 そんな、babel-plugin-macrosは何がすごいのでしょうか? babel-plugin-macros (babelの作者によるリポジトリ) Allows you to build simple compile-time libraries (訳)シンプルな compile-time ライブラリを作れるようにします compile-timeライブラリとは、 コンパイル時に実行されるライブラリを指しています。 まずは要領を得てもらうために、 penv.macro をご紹介しましょう。 これはNODE_ENVにより「環境ごとの値」に値を分けるコードです。 import env from 'penv.macro' const BASE_URL = env({ development: 'h
Provides functions to help TypeScript GraphQL client development including auto completion, query validation, type generation and so on. This plugin has the following features: As TypeScript Language Service extension: Completion suggestion Get GraphQL diagnostics Go to fragment definition Display GraphQL quick info within tooltip As CLI Generate ts type files from your GraphQL operations in your
Figma Pluginついに解禁!8月1日 深夜、ベールに包まれてきたFigma Pluginがついにお披露目となりました。今はこちらのLivestreamingをみながらこのブログを書いています。。。! これまでFigma公式が各ディベロッパーたちと連携を取りながら進めてきただけあって、リリースされているプラグインはどれも最初からクオリティが高く、ワクワクが止まりません! 実際に自分で触ってみて、これは便利だ!と感じたプラグインをまとめていきたいと思います。 生産性爆上げ系 SpreadSheetsに書きためたデータをデザインに反映してくれるプラグイン。これは使い方次第では超便利です...! 1. SpreadSheetsでデータテーブルを作る 2. Figma上でデータを読み込みたいレイヤーの名前を「# + "Table名"」とする eg. 列の名前が「Name」ならレイヤーは「#N
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く