TypeScript メモ - Qiita
import * as React from 'react'; import { View } from './view'; // Propsの型定義 interface IProps { name: string; } interface IState { count: number; } export class Profile extends React.Component<IProps, IState> { constructor(props) { super(props); this.state = { count: 0, }; } handleClick() { const text_element = document.getElementsByClassName("modal")[0]; if (text_element.className === "modal on")
TypeScript メモ 2 - Qiita
{ "compileOnSave": false, "compilerOptions": { "target": "es5", "module": "es2015", "jsx": "react", "moduleResolution": "node", "allowSyntheticDefaultImports": true, "noUnusedLocals": true, "noUnusedParameters": true, "removeComments": false, "preserveConstEnums": true, "sourceMap": true, "skipLibCheck": true, "baseUrl": ".", "lib": ["dom", "es2018"] } } { "compilerOptions": { "module": "commonjs"
TypeScript メモ 3 便利グッズ - Qiita
input HTMLInputElement = <HTMLInputElement> inputに const samplae: NodeListOf<Element> = app!.querySelectorAll(""); listに interface HTMLElementEvent<T extends HTMLElement> extends Event { path: T;//ジェネリック } addEventListener('click', (e: HTMLElementEvent<HTMLInputElement>) => {}); addEventListener時にも const target = items_arr.filter((item) => { return item; }); 便利 mapでも利用はもちろんできる
もっとみる機能の実装メモ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? function view_img() { const more_view = document.getElementsByClassName("js-more--view_target")[0]; const more_number = more_view.querySelectorAll(".js-more_number"); const more_target = more_view.getElementsByTagName("li"); const more_target__arr = Array.prototype.slice
Vue.js+TypeScriptで開発するときの参考記事まとめ - Qiita
概要 Vue.js+TypeScriptで開発する際によく参考にしている記事をまとめています。 自分用なので、自分記事が若干多めです。随時更新 この記事良かったよーとか、教えていただけると助かります。 環境構築 Vue CLIのプロジェクト管理UIがいい感じだった https://qiita.com/kai_kou/items/8fcabc7a8445c1be8a30 DockerでVue.js+TypeScript開発環境を構築する https://qiita.com/kai_kou/items/d581a9f8f3ee8605aed1 Vue.js + SCSS + Bootstrap + MaterialDesign + TypeScript開発環境をつくってみた https://qiita.com/kai_kou/items/a404c73c8bb23f25c510 Vuexによる
TypeScriptでpdfjsを使ってPDFの先頭ページを表示しようと試行錯誤した話 - Qiita
TL;DR npmでpdfjs-distをインストールして使ったら失敗した。 公式サイトからstable版をダウンロードして来たら成功した。 pdfjs pdfjsの説明は、本家gitのページをgoogle先生の翻訳を参照します。 PDF.jsはHTML5で構築されたPortable Document Format（PDF）ビューアです。 PDF.jsはコミュニティ主導型であり、Mozilla Labsによってサポートされています。私たちの目標は、PDFを解析してレンダリングするための汎用のWeb標準ベースのプラットフォームを作成することです。 PDFを表示しようとした場合、PDFを読み込んでghostscriptで画像に変換して画像を表示してもいいのですが、勉強も兼ねてPDF.jsを使用して表示できないか試しました。 npmでpdfjs-distをインストール 「npm pdfjs」で検
transpileOnly trueにしたts-loader でNuxt.jsを書く - Qiita
目的 nuxt.jsをtypescriptで書きたい ビルドを高速化するために ts-loaderの transpileOnly: true にしたい ただし型のチェックはしたいので fork-ts-checker-webpack-plugin を使いたい 前提 nuxt: 2.3.4 もしくは nuxt-edge: ^2.0.0-25598366.31ec2a2 nuxt v2.3.4 版 transpileOnly = true, fork-ts-checker-webpack-plugin の導入 typescript.js を修正します const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin') module.exports = function() { this.extendBuild(
clasp が Typescript をサポートした！ - Qiita
以前、GAS のGoogle謹製CLIツール claspと題して、@google/claspを紹介した。 このツールと新しい Google Apps Scriptの管理コンソールと Stackdriver Loggingのサポートにより GASの開発、運用環境は格段に使いやすくなった。 その後も開発は進み、なんと v1.5.0 以降で Typescript をサポートしたので、試してみた。 インストール 次のコマンドで、プロジェクトを初期化する1。 $ mkdir clasp-ts-sample $ cd clasp-ts-sample $ npm init -y $ npm install @google/clasp tslint -D $ npm install @types/google-apps-script -S $ tslint --init # tslint は必須ではないが
TypeScript の基礎 - Qiita
特徴・メリット 静的型付け言語であり，あいまいさを回避しやすい（javascript は 暗黙型変換） コード補完を効かせることができる ECMAScriptのスーパーセットで，かつECMA Script 6の機能を先取りしている 変換しても平易なECMAScriptが出力される 既存ライブラリとの相互運用のために外部に型定義ファイルを持てる クラスベースのオブジェクト指向プログラミング 例：クラスの定義を定義した場合の javascript と typescript の比較 // javascript var Greeter = /** @class */ (function () { function Greeter(message) { this.greeting = message; } Greeter.prototype.greet = function () { return
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ExtendScriptを使ってPhotoshop用のスクリプトを組むときに使った（調べた）こと色々 - Qiita
TypeScript で Json を class property に代入するのに Object.assign を使う手法 - Qiita
What is TypeScript?! - Qiita
create-react-app + TypeScript の後の tslint/prettier 設定(VSCode) - Qiita
CSSのcubic-bezierで使用可能な各イージングをTypeScript・JavaScript向けに定数化した - Qiita
Vue.js+TypeScriptのテストでRouterLinkがないって怒られたときの対応 - Qiita
[Jest] Promiseの中でthrowされたエラーをテストする方法 - Qiita![[Jest] Promiseの中でthrowされたエラーをテストする方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bf8447a78a797f376de0e29d48a1229073c2d2a1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmVzdCU1RCUyMFByb21pc2UlRTMlODElQUUlRTQlQjglQUQlRTMlODElQTd0aHJvdyVFMyU4MSU5NSVFMyU4MiU4QyVFMyU4MSU5RiVFMyU4MiVBOCVFMyU4MyVBOSVFMyU4MyVCQyVFMyU4MiU5MiVFMyU4MyU4NiVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YTA3ZGFkODVkYTUwMWFjOGNlNjE4NDUzMmVlMDU5ZDM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBiYXRodGltZWZpc2gmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTAzZjY4NDhlNGU5YzdmNTBmODljNGZlMzVhMmY0MTdk%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-56We5oi444OH44K444K_44Or44O744Op44Oc%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D5cc76a03fddd296f2c97e5962b794b43)
DockerでVue.js+TypeScript開発環境を構築する - Qiita
Vue.js+TypeScript+Element-UIの単体テストで気をつけること - Qiita
[Node.js] Express を TypeScript で書く - 環境整備まで - Qiita![[Node.js] Express を TypeScript で書く - 環境整備まで - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3505d0ee0c6afe029274813b26feaeacc2c952e8/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGODE0NzglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM3MDIxMjc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc2MGIyNGQ5MTcxNmYxMzZkYWMyYzJkZGJhNDY4NTdm%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D2b29eb21019c9064d3d7814cec557212%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTm9kZS5qcyU1RCUyMEV4cHJlc3MlMjAlRTMlODIlOTIlMjBUeXBlU2NyaXB0JTIwJUUzJTgxJUE3JUU2JTlCJUI4JUUzJTgxJThGJTIwLSUyMCVFNyU5MiVCMCVFNSVBMiU4MyVFNiU5NSVCNCVFNSU4MiU5OSVFMyU4MSVCRSVFMyU4MSVBNyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTc4NGE1ZjE5OTMyNmI1ZDhmZmIzOWVmNDZiNGZhNzUw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrdXJvbmVrbzg5NjAmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz00YWYxY2RlZGMzZmQ4Y2VmMzc0MTcwMWU2ODFjMmE1ZA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dcebe066432a689d03db6faba2e0ca7be)
[非推奨][TypeScript] create-react-appで始めるだいたいストレスフリーな開発環境の構築 - Qiita![[非推奨][TypeScript] create-react-appで始めるだいたいストレスフリーな開発環境の構築 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/66b496e471f1e1b76b174c0a5de28fb562ecedfe/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGODk1NDQlMkZwcm9maWxlLWltYWdlcyUyRjE1MDg3NzgyNTc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTBhM2EzNDJkOWU0N2IwZDk2Y2M5Njk3OTJkZmM3NjBj%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D0a62ac2d92134db7abc1e147ba4b11c4%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU5JTlEJTlFJUU2JThFJUE4JUU1JUE1JUE4JTVEJTVCVHlwZVNjcmlwdCU1RCUyMGNyZWF0ZS1yZWFjdC1hcHAlRTMlODElQTclRTUlQTclOEIlRTMlODIlODElRTMlODIlOEIlRTMlODElQTAlRTMlODElODQlRTMlODElOUYlRTMlODElODQlRTMlODIlQjklRTMlODMlODglRTMlODMlQUMlRTMlODIlQjklRTMlODMlOTUlRTMlODMlQUElRTMlODMlQkMlRTMlODElQUElRTklOTYlOEIlRTclOTklQkElRTclOTIlQjAlRTUlQTIlODMlRTMlODElQUUlRTYlQTclOEIlRTclQUYlODkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zOTg3NmEyY2NhZmQ0Zjc2YmRkOTc5ZDdlZGU1MWIwZQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5dXJpYS1uJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZGI1MzRkMWU4YzQ2YmUyZDlkZDc1Njk4NjExMmY0MmU%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D481f8add74bf5f064d364acece5aa521)
