Home - Free Online Image Compressor - Optimize Pics
Image Compressor Image Compressor is a free online tool to optimize your photo's size. Image Compression Here are the main steps to compress an image online: - Upload or open the image file you want to compress (JPG, PNG, GIF). - Select compression settings like level, dimensions, format. - Run the compression process to optimize the image. - Download the compressed image file which should now be
MakeTypes from JSON samples
MakeTypes generates TypeScript classes that parse and typecheck JSON objects at runtime, and let you statically type check code that interacts with JSON objects. All it requires is a set of JSON samples. Want to run MakeTypes as part of a build process? npm i -g maketypes installs the command line tool maketypes. maketypes on NPM » Source Code on GitHub »
2021年のまとめ・反省 - mizchi's blog
年内に間に合わなかった… 2021年に主にお世話になった言語・ライブラリ TypeScript React chakra-ui dnd-kit Node Vite esbuild Docker(=> lima) とりあえず挙げてみたが、なにか特定のライブラリを使う、という感じではなく、レイヤーが一つ下にいった感じがあり、実際にはなんかもうちょっと下のミドルウェアみたいなものを作っていることが多かった気がする。ASTをいじるコンパイラ周辺ツールを作っていることが多かった。 サクッとなにか作る場合、 React + TypeScript + Vite(esbuild) が鉄板という感じで、 esbuild が異次元に速すぎて、typescript の変換もバンドルも、もはやこれ一本でいい気がしてる。 microsoft/typescript はもはや言語仕様の定義と型検査がメインであって、コン
TypeScriptの、はてなふたつの演算子や、はてなドットの演算子は、JavaScriptの新しい構文だった - 毎日へっぽこ
TypeScript 3.7以降で使える ?? 演算子。 || 演算子より厳密に undefined や null を判定してくれるので多用していたが、こいつの名前は何だろうと思って調べてみたところ、Nullish Coalescing Operator、日本語だとNull結合演算子というらしい。 ついでに、 ?. で undefined または null な参照の場合に、エラーではなく undefined にしてくれる、RubyでいうところのNull条件演算子は、 Optional Chaining Operatorというらしい。 どちらもECMAScript2020で追加された構文で、主要ブラウザの最新版や、Node.js v14からはJavaScriptでも使えるようになっているのでメモ。 Nullish Coalescing Operator(Null結合演算子) Optional
What does the `is` keyword do in typescript?
See the reference for user-defined type guard functions for more information. function isString(test: any): test is string{ return typeof test === "string"; } function example(foo: any){ if(isString(foo)){ console.log("it is a string" + foo); console.log(foo.length); // string function } } example("hello world"); Using the type predicate test is string in the above format (instead of just using bo
TypeScriptでみかける"is"というキーワードについて - ひと夏の技術
TypeScriptでググっても出てこなくてよくわからないやつ。 他人が書いたTypeScriptのコード見てるとたまに const isString = (arg: any): arg is string => typeof arg === "string"; のように「引数 is 型」と書かれたものを見かける。 このコードは引数になんか受け取って、それがstringなのかどうかを判別するくん。 返り値の型に『arg is string』と書かれている。 この記事はこれについてのはなし。 "is" is なに… この"is"というキーワード、ググラビリティがめちゃくちゃ低くてどうググったらいいかわからないし、ググってもあんまりそれっぽいのがヒットしなくて困る。 What is this "is" keyword? という気持ちになる。isがゲシュタルト崩壊。 "is"は型の絞り込みができ
Typescript ブラケット記法(Object[key])でno index signatureエラーをtype safeに解決したい。 - aknow2
TypescriptでObjectに対して[文字列]でアクセスするブラケット記法を用いると発生するエラー。 例えば、この様に書くとエラーが出てきてコンパイルが通りません。 interface ISomeObject { firstKey: string; secondKey: string; } const obj = { firstKey: "a", secondKey: "b", } as ISomeObject; const key: string = 'secondKey'; const secondValue: string = obj[key]; // Element implicitly has an 'any' type because type '() => void' has no index signature. ブラケット記法を使いたいため、keyに'secondK
![Typescript ブラケット記法(Object[key])でno index signatureエラーをtype safeに解決したい。 - aknow2](https://cdn-ak-scissors.b.st-hatena.com/image/square/f77587510837880e0c1218de98b91f72046163f8/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8599973812311744350%2F10257846132669567835%2F1542173448)
既存プロジェクトを TypeScript に移行する際の ESLint の対応 - 30歳からのプログラミング
JavaScript で書いていたプロジェクトを TypeScript に移行する場合、アノテーションの追加やビルドの設定の他、ESLint の対応も必要になる。 この記事では、TypeScript に移行した後も引き続き ESLint を使えるようにするための手順を書いていく。 方針として、ESLint のルールは既存のものをそのまま引き継ぎ、TypeScript 用のルールは採り入れない。まずは移行を完了させてから必要に応じて適宜ルールを追加していく、という考え方。 前提 eslint-config-airbnbを使用しており、.eslintrcが以下の状態になっていると仮定する。 { "extends": "airbnb" } パーサーの設定 デフォルトのパーサーでは TypeScript の記法をパースできないので、@typescript-eslint/parserをパーサーとして
ReactをTypeScriptで書く4: Redux編 | dkrkのブログ
メモです。 そして前回からの続きです。 参考 redux/UsageWithTypescript.md at master · reduxjs/redux · GitHub React + Redux + TypeScriptの最小構成 - Qiita typescript-fsaに頼らないReact × Redux - ログミーTech 追記: 2019/07/16 若干修正しました。 作るもの テキストを入力してカードを追加するだけのページを作成する。 ただの劣化ToDo…。 構成はこうなった。 src/ store.ts(store) src/components/ card.tsx(カード) cardList.tsx(カードリスト) inputArea.tsx(入力送信フォーム) src/containers/ cardlist.tsx(カードリスト) inputArea.tsx(
TypeScriptでReact Native開発をする方法2018年最新版 - bagelee（ベーグリー）
セットアップ React Nativeプロジェクト作成 プロジェクト作成直後という前提で説明しますので、適当な名前でプロジェクトを作成しましょう。 $ react-native init <プロジェクト名> $ cd <プロジェクト名> ライブラリのインストール devDependenciesに依存関係を追加します。依存関係については、こちらの記事で詳しく説明しています！ $ yarn add --dev typescript react-native-typescript-transformer $ yarn add --dev @types/react @types/react-native typescript はTypeScriptの本体、 react-native-typescript-transformer はReact NativeからTypeScriptを読み込むために必要
Typescript特有の組み込み型関数 | log.pocka.io
TypeScript には Promise や Symbol といった Javascript 特有のグローバルオブジェクト以外に、型を扱う上で便利になるような組み込みのジェネリックな型関数※1が存在します。これらは非常に便利で様々なプロジェクトで使われているので~すが、公式にリストもなく、説明も主にリリースノート等にしかないため、~使い方等を交えて説明を書いていきたいと思います。 なお、各定義はMicrosoft/TypeScript のsrc/lib/es5.d.tsにあります。 ※1 ... 型を受け取って新しい型を返す型。多分正しい呼び名ではない。 Partial 利用可能バージョン: TypeScript2.1~リリースノート: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.htm
TypeScriptのDecoratorについて – 公式ドキュメント日本語訳
Angularを勉強していると、至る所でTypeScriptの知識が必要になってきます。ということで、TypeScriptの公式ドキュメントにお世話になる機会も増えてきています。前回はClassの説明ページを日本語に訳しましたが、今回はDecoratorの説明ページ（Decorators・TypeScript）を日本語に訳しました。Angularでは、単なるクラスをAngularで使えるコンポーネントとしてその役割を担わせる時などにデコレータを使用したりします。けっこう大事な部分でもあるので、日本語に翻訳することにしました。ぜひ参考にしてもらえればと思います。 Introduction: はじめにWith the introduction of Classes in TypeScript and ES6, there now exist certain scenarios that req
世界がEnumから隠した秘密をひとつひとつ見つけていこうな #TypeScript - 角待ちは対空
qiita.com はてなエンジニア Advent Calendar 2017 5日目の記事です。 前回はid:chris4403によるAmazon Pollyを試してみた - memo logでした。いやぁ社長さすがです！！ さて今日はEnumについての話題です。 TypeScriptは実行時に影響を及ぼすような独自機能は積極的に導入しない傾向にありますが、ぱっと思いつく例外がEnumとNamespace(旧Internal module)です。 今日はそのEnumについての話です。 Enumのコンパイル結果 TypeScriptを書く上でJavaScriptへのコンパイル結果を意識することは少ないと思いますが、Enumについてはコンパイル結果を知っていたほうが理解が早いと思われます。 例えば以下のコードは enum IdolAttr { cute, cool, passion, } 以
仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント
注釈 本ドキュメントは、まだ未完成ですが、ウェブフロントエンドの開発を学ぶときに、JavaScriptを経由せずに、最初からTypeScriptで学んでいく社内向けコンテンツとして作成されはじめました。基本の文法部分以外はまだ執筆されていない章もいくつもあります。書かれている章もまだまだ内容が追加される可能性がありますし、環境の変化で内容の変更が入る可能性もあります。 書籍の原稿はGitHub上で管理しております。もしTypoを見つけてくださった方がいらっしゃいましたら、 GitHub上で連絡 をお願いします 1 。reSTファイルだけ修正してもらえれば、HTML/PDFの生成までは不要です。フィードバックなども歓迎しております。 1 https://github.com/future-architect/typescript-guide/pulls
Node.js における設計ミス By Ryan Dahl - from scratch
Ryan Dahl は Node.js の original author ですが、彼の作ったプロダクト deno に関するトークが jsconf.eu 2018 でありました。 Node.js にずっと関わってきた僕が見て非常に興奮するような話だったので、しばらくぶりにブログに書き起こすことにしました。 背景 Ryan Dahl は2009年に Node.js の話を初めて公の場に公開しました。その時の「公の場」というのが「jsconf.eu 2009」です。 www.youtube.com Video: Node.js by Ryan Dahl - JSConf.eu - 2009 この発表から Node.js が広まり、今やサーバのみならず、IoTデバイス、デスクトップアプリなど、様々なところで動作しています。 で、今回はその発表から9年の歳月が経過し、Node.jsに対しての設計不
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vite | 次世代フロントエンドツール
GitHub - piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript