タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
プレゼン資料にスタイリッシュな動きを加える「PowerPoint Motion Preset60」、フリーのデザイナーが無償公開
PowerPoint用アニメーション素材「PowerPoint Motion Preset60」が6月23日に公開された。プレゼンテーションに適したアニメーションを全60種類収録し、商用・非商用での使用を問わずに利用できる。企業のプレゼンなどをサポートする、プレゼンテーションデザイナーとして活動する吉藤智広（＠yoshifujidesign）さんが制作した。 プリセットのアニメーションをコピーし、文字部分を変更してそのまま使用できる。また、アニメーションをコピーし別のオブジェクトにペーストすることで、プリセットのアニメーション設定を流用できる。 収録している素材は、アイコンや文字、箇条書き、グラフ、ヘッダ・フッダーなどを表示する際のアニメーションなど。他には「Loading」などプレゼンの合間に使用できるものやタイムカウンターなども用意している。利用規約には「法と秩序の範囲内で自己責任でお
GitHub - bengo4/textlint-rule-preset-bengo4: 弁護士ドットコムで使われているtextlintプリセット
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
GraphQL Code Generator v3 Roadmapで推されているclient-presetを紹介する
こんにちは。皆さんはGraphQL Code Generatorを利用していますか？ 筆者は普段React/TypeScript/Apollo Client(またはurql)といったスタックでWebフロントエンドを書いており、その際にはGraphQL Code Generatorをほぼ必需品と言えるほど愛用しています。 サーバー側から提供されたスキーマやクライアント側が必要なデータを宣言したオペレーションから型やコードを生成し利用することで、ロジックに関する実装量が大きく削減でき、ミスを減らすことにもつながります。GraphQLを使う理由の1つと言っても過言ではないでしょう。 そのGraphQL Code Generatorではv3 Roadmapとして今後の方針が公開されており、client-presetという新しいプリセットが紹介されています。そこでは「GraphQL Code Gen
GitHub - kufu/textlint-rule-preset-smarthr: SmartHRらしい文書を書くための、textlintルールプリセットを提供します。
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
graphql-codegen Client Preset 時代(v3~)の おすすめ設定 for TypeScript
7月はLayerX エンジニアブログを活発にする期間です。今日は誰がなんと言おうと 7/6 です。 昨日 7/5 は「Datadog のコスト最適化で月額費用を 30% 削減した」でした。 2022年10月3日に、GraphQL Code Generator（以下、graphql-codegen）のおすすめ設定に関する記事を公開しました。 しかし、その後、graphql-codegen v3のリリースに伴い、ReactやVueではclient-presetが推奨されるようになりました。 client-preset前提の環境では、利用可能な設定項目などがいくつか変わるため、本記事では改めて、graphql-codegen以降のClient preset時代のおすすめ設定をまとめています。 全体 設定を TypeScript で書く graphql-codegen v3から公式ドキュメントで案
postcss-preset-envで少し未来のCSSを予習する - 弁護士ドットコム株式会社 Creators’ blog
こんにちは、弁護士ドットコムでデザイナーをしているhosogaiです。 ふだんは https://www.bengo4.com/ サービス内のUI改善などをしています。 先日このブログ「弁護士ドットコム株式会社 Creators’ blog」のデザインカスタマイズを行った際にCSSの新機能をいくつか試す機会があったので、今回ここで紹介させていただこうと思います。 きっかけ PostCSSとは postcss-preset-envの使い方 npm packageで使う場合 CodePenで使う場合 試せるCSSの機能 Stage0（意欲的） Stage1（実験） Stage2（許容） Stage3（包含） Stage4（標準化） 新機能のNesting CSS Moduleを使ってみる Nesting CSS Moduleのルール 直接入れ子にする場合 @nestを使う場合 プラグインでの挙
GitHub - babel/preset-modules: A Babel preset that targets modern browsers by fixing engine bugs (will be merged into preset-env eventually)
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
@babel/preset-env とは @babel/preset-env は、 babel プラグインのプリセットのことです。 そもそも babel の本体(@babel/core)は、「JSコードを入力として受け取り、ASTに変換後、何らかの変換処理を行い、変換後のASTから再度JSコードを出力すること」が責務であり、 何らかの変換処理を指定しなければ、何のトランスパイルも行われません。 この 何らかの処理 に該当する実装がbabelプラグインのことで、開発者は実現したいトランスパイルに応じて適切な babel プラグインを適用する設定を記述する必要があります。 ...でも面倒ですよね？ 単純にIEを含む主要なブラウザで一通りのES6コードを動かしたいだけというのがだいたいのユースケースです。 そんな時、対応ブウラウザなどの大雑把な情報を元に、必要なプラグインを自動で選択して、最新の
この記事の概要 PostCSSのプラグインであるPostCSS Preset Envをご存知でしょうか。 "Use tomorrow’s CSS today!"というキャッチフレーズが示す通り、まだ正式な仕様になる前のCSSを色々と使うことができます。 CSS関連の勉強会などに登壇すると「普段どこからインプットしていますか？」と質問されることがあり、学ぶ先の1つとしてPostCSS Preset Envがあるので紹介してみます。 Features CSSでは策定段階がStage 0から4まであります。 数字が高いほど仕様として固まっていて、低いほど変更や破棄になる可能性が高いです。 Stage 2でも「一部のブラウザでは使用できるけど、まだ動かないことも多い」くらいで、実用的と言えるのはStage 3からでしょうか。 そんな中でも、PostCSS Preset Envを使えばStage 0
preset: ts-jest とは
Jest で TypeScript を動かす時「preset: ts-jest とすればいい」という話をたまに聞くのでその補足です。 結論 jest.config.js の transform もしくは preset に ts-jest をセットすれば TypeScript をテストできるようになります。ただ TypeScript が使えるようになる直接的な立役者は transform であり、preset は内部で transform の設定をしているだけです。そのためユーザーは preset: ts-jest と設定すればよく、公式推奨の Basic Usage もこのやり方です。 準備 パッケージインストール
7.9.0 Released: Smaller preset-env output, Typescript 3.8 support and a new JSX transform · Babel
While preparing the Babel 8.0.0 release (in the next months), we just finished working on a new minor release which includes updates related to @babel/preset-env, TypeScript 3.8, Flow, and JSX! A few months ago, Jason Miller started working on @babel/preset-modules: an experiment to greatly reduce bundle sizes when using the module/nomodule pattern. We are excited to announce that its functionalit
今日の写真は先日行ったターマ川（多摩川）から。 時々このブログにも登場してる場所で、年に数回は写真撮ったりと思い入れも深い。そんな場所が先日の台風で氾濫し、それなりに被害もあったようでちょっと気になって足を運んでみた。川の水はなぜか逆に減っていて、普段は水が流れている場所はただの石場と化していて、流されたせいか芝生は削ぎ取られ、知っている風景ではなくなっていた。 何も触ってない元データ 写真の場所に凄く古めかしい貸しボート屋があったんだけど、どうなってしまったのか。並んでいるボートの数も一列分減っている気がする。そして川がないせいで、この構図をこんなに引きで撮ったのは初めてだ。 さてさて、今日は久しぶりのプリセット配布。 以前も何度かプリセットを配布していたんだけど、やっぱりそのプリセットだけだと完成度は6割程度だよなぁって思ったのがしばらく配布していなかった理由。 というのは一概に写真と
この解決策を教えてくれた @about_hiroppyさん、ありがとうございます。 起きていた問題 少し前に Zenn にこういう質問を立てました。（こいつ質問サービスとして使ってやがる・・・） preset-env 経由で polyfill を入れると react が import されなくなる この質問は、IE 対応をするために @babel/preset-env と useBuiltin を使うと、ビルド時に react, react-dom の依存解決ができなくなってしまうものです。 IE 対応のための polyfill は babel を使うと簡単に導入できそうですが、 module.exports = { presets: [ [ "@babel/preset-env", { useBuiltIns: "usage", corejs: 3, }, ], [ "@babel/pr
初投稿です。やーまん。Bandcampで落とせます！今後ともよろしくどうぞ！▼LinksFree Download → https://hokari310.bandcamp.com/track/preset-feat-hatsune-mikuSound Cloud → https://soundcloud.com/hokari310/preset-feathatsune-miku ▼inquiries / archWEB ( https://mu-imi.wixsite.com/hokari )TW ( https://twitter.com/hokari310 )Arch ( mylist/67145382 )
7.11.0 Released: ECMAScript 2021 support in preset-env, TypeScript 4.0 support, printing config and the future of `babel-eslint` · Babel
We just released a new minor version of Babel! This 7.11 release includes: preset-env support for Logical Assignments (??=), Numeric Separators (1_2) and Namespace re-exports (export * as ns from ...) TypeScript 4.0 support Parser support for the Stage-1 Decimal proposal (7.11m) An environment flag to print the resolved Babel configuration for a given file (BABEL_SHOW_CONFIG_FOR) In addition to th
【Premiere Pro（プレミアプロ）】ズームイン・ズームアウトが一瞬で完結!!無料で使える『SEAMLESS SCALE PRESET PACK』を紹介‼︎
『SEAMLESS SCALE PRESET PACK』とは!? 『SEAMLESS SCALE PRESET PACK』はズームイン、ズームアウトを簡単に適用することができるプリセットパックになります。 通常、ズームインやズームアウトをつけたいときには スケールを調整して…キーフレームを打って…スケールを調整して…キーフレームを打って…((꜆꜄ ˙꒳˙)꜆꜄꜆ イージングをつけて…カーブを調整して…_(┐「ε:)_ と中々面倒な作業ですが…(ｰ ｰ;) この面倒な一連の作業を『SEAMLESS SCALE PRESET PACK』のプリセットを使えば 一瞬で完結してしまいます。 最初からイージングもついてるのでカーブのコントロールもしやすいです。 収録プリセットはズームインとズームアウトがそれぞれ13種類ずつあります。 私の場合は動きの少ないプリセットはほぼ使わないのでスッキリ削除してま
GitHub - ysugimoto/jest-preset-fastly-js-compute: Jest preset for Fastly Compute@Edge
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
The client-preset provides typed GraphQL operations (Query, Mutation and Subscription) by perfectly integrating with your favorite GraphQL clients: React @apollo/client (since 3.2.0, not when using React Components (<Query>)) @urql/core (since 1.15.0) @urql/preact (since 1.4.0) urql (since 1.11.0) graphql-request (since 5.0.0) react-query (with graphql-request@5.x) swr (with graphql-request@5.x) V
gql-tag-operations-preset を使った GraphQL の Fragment Colocation
普段 GraphQL を使ったフロントエンド開発をしています。最近 GraphQL Code Generator の設定を見直しており、いくつかの plugin や preset を採用したり削除したのですが、その中でも gql-tag-operations-preset がとても良かったので、もともとの構成と gql-tag-operations-preset を導入した後の構成を比較して記事に残しておきます。 また、 gql-tag-operations-preset を導入することで、 Relay 以外の GraphQL Client でも Fragment Colocation が扱いやすくなります。 私は Apollo ユーザーなので Relay の Fragment Colocation を原則とした開発体験を羨ましく思っていたのですが、 Apollo でも少し近づいた開発体験
GitHub - textlint-ja/textlint-rule-preset-ja-spacing: スペース周りのスタイルを扱うtextlintルールプリセット
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
GitHub - antfu/eslint-config: Anthony's ESLint config preset
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
@babel/preset-env (Babel 7)をハンズオンでちゃんと理解する
CSSの勉強の1つとしてPostCSS Preset Envを眺める - Qiita
Lightroom preset 無料配布。 - 日々撮り散らかし。
babel/preset-env で polyfill するとビルドに失敗する問題の解決
Hokari - Preset feat.Hatsune Miku
Client preset (GraphQL-Codegen)
tekutekukotukotu.com
news.yahoo.co.jp
www.chunichi.co.jp
www.j-cast.com
blog.livedoor.jp/qmanews
twitter.com