AWS CDKでLambda Function用のTypeScriptのバンドルを簡単に行う | DevelopersIO
AWS CDKにParcelを使ってJavaScripｔ/TypeScriptをバンドルしてくれるモジュールが追加されました！使い方をご紹介します。 はじめに おはようございます、加藤です。先日リリースされたAWS CDK 1.23から、aws-lambda-nodejsというモジュールが追加されました。これを使う事で、Lambda Function用のTypeScriptのトランスコンパイルとバンドルを簡単に行う事ができるのでご紹介します。 aws-lambda-nodejs ってなに？ 現在このモジュールはベータ版です。ご注意ください Node.jsでLambda Functionを作る為のHigh level Constructです。Lambda Functionに外部モジュールを参照するコードをデプロイする場合は、当然それらを一緒にデプロイするかLambda Layerにデプロイす
Mohoから出力したSVGを制御したい妄想の話 - Qiita
■2020/12/31追記 「続・Mohoから出力したSVGを制御したい妄想の話」ということで、続きを書きました。 ７記事あるけど。ワロス。 【SVG制御妄想１】SVG解析しないと始まらない https://qiita.com/flying_echidna/items/5a628db0d652d1558208 【SVG制御妄想２】Mohoから出力したSVGのマスクがバグる https://qiita.com/flying_echidna/items/3930caf04626deec7bfb 【SVG制御妄想３】連番データをどげんかせんと https://qiita.com/flying_echidna/items/ded3f3590c3d67fadb86 【SVG制御妄想４】変形させたいよなぁ？ https://qiita.com/flying_echidna/items/188634f3
Why Blazor, via WebAssembly, is the future
I’m going to go out on a limb here and make a prediction. Since the web’s inception, much of our industry has spent effort to be on the web but to escape web technologies like JavaScript, HTML and CSS. Examples include Java Applets (1995–around 2013), Microsoft ActiveX (shipped with Internet Explorer 3.0 in 1996), Microsoft’s ASP.NET Web Forms (2002), JavaServer Faces (JSF), the Google Web Toolkit
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由 はじめる インストール Vue 2 のセキュリティー・アップデート 親しみやすい 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。
フックに関するよくある質問 – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 新しいドキュメントではフックを使って React が学べます。 フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 このページではフックに関するよくある質問にいくつかお答えします。 導入の指針 フックが使える React のバージョンはどれですか？ クラスコンポーネントを全部書き換える必要があるのですか？ クラスではできず、フックでできるようになることは何ですか？ これまでの React の知識はどの程度使えますか？ フック、クラスのいずれを使うべきですか、あるいはその両方でしょうか？ フックはクラスのユースケースのすべてをカバーしていますか？ フックは
好きで打ち込めることを探すこと――ちょまど氏のキャリアを形成した「オタ駆動開発」とは【Developers Boost 2019】
2019年11月30日、翔泳社主催の若手エンジニア向けカンファレンス「Developers Boost（デブスト）～U30エンジニアの登竜門～」が開催された。基調講演では、マイクロソフトのCloud Developer Advocateで「ちょまど」こと、千代田まどか氏が登壇。30歳以下（U30）の若手エンジニアに向け、「これが私の戦い方」をテーマに自身のキャリアを語り、若手エンジニアの成長と交流をブーストした。 マイクロソフト Cloud Developer Advocate 千代田まどか（ちょまど）氏 「推し」には時間・労力・お金を惜しまず、全力を注ぐ マイクロソフトでCloud Developer Advocate（クラウド デベロッパー アドボケイト）として、国内・海外で多数の講演をこなし、「Developers Summit 2017」ではベストスピーカー賞 総合第1位を獲得して
TypeScript v3.8.1-rc 変更点 - Qiita
TypeScript v3.8.1 RC 変更点 こんにちはメルペイ社な@vvakameです。 TypeScript 3.8 RCがアナウンスされました。 What's new in TypeScript in 3.8 Breaking Changes in 3.8 TypeScript 3.8 Iteration Plan TypeScript Roadmap: July - December 2019 Roadmapはこちら。 この辺に僕が試した時のコードを投げてあります。 変更点まとめ 型のみのimport, exportのサポート Type-Only Imports and Exports import type { foo } from "./foo"; や export type { foo }; をサポートした flowtypeには前からあったやつですね ECMAScript
TypeScript + Tynderから始める宣言的検証生活 - Qiita
皆さんは JSON Schema 使ってますか？ 現在では、Web APIのペイロード定義・検証、モックサーバー作成、ユーザー入力フォーム検証、設定ファイルのスキーマ定義・検証・IDEでのエラー表示など、多くの場面で、また多くの言語でライブラリが整備され利用されています。 JSON Schemaの強み Internet draftのフォーマットで仕様が公開されている 多くの言語での多くの実装（言語によっては複数）が存在する 1回書けば、フロントエンド、複数のバックエンドすべてで利用できる可能性が高い 代替実装が存在すると競争原理が働く JSON Schemaの嫌いなところ 見辛い 書き辛い 数行の小さなスキーマならばともかく、JSON Schemaって本当に苦痛。汎用のデータフォーマットを人が直接記述するレイヤーのDSLにするのは正直辛い。ヒューマンリーダブルだからといって人が読めるとは限
TypeScriptの良さ - サバイバルTypeScript
TypeScriptはMicrosoftにより2012年10月1日に発表されました。 TypeScriptはスケールするJavaScriptです。 「スケールする」とは、開発に関わる人数や、規模が増えた際にもうまく機能するということです。 TypeScriptはJavaScriptの上位互換でJavaScriptに型が追加されているものです。TypeScriptで書かれたコードは純粋なJavaScriptにコンパイルされます。 TypeScriptはJavaScriptが実行できる全てのブラウザ、コンピュータ、OSで動作し、オープンソースです。 特徴は僕によると…
不動の人気を誇る「Python」、評価が二分される「Java」「JavaScript」
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「Python」は相変わらず、開発者の間で根強い人気を誇るプログラミング言語だ。一方、「Java」と「JavaScript」の評判――もしくは不評――については、プログラマーによって答えがまちまちだ。 フランスのコーディングスキル開発企業のCodinGameが、人気プログラミング言語とキャリアの詳細について、2万人の開発者を対象に調査した。 それによると、JavaScript、Java、Python、「C++」「C」が特に多くの人に習得されたプログラミング言語だった。習得者が特に少なかったのは「Clojure」「F#」「OCaml」だ。 「最も人気がある」言語は、最も多くの人に習得された言語とは違ったが、トップ5には順位こそ違えど、ほぼ
A tale of two clocks | Articles | web.dev
A tale of two clocks Stay organized with collections Save and categorize content based on your preferences. Introduction One of the biggest challenges in building great audio and music software using the web platform is managing time. Not as in “time to write code”, but as in clock time - one of the least well-understood topics about Web Audio is how to properly work with the audio clock. The Web
HTML+CSSコーディングの言語化 - Qiita
はじめに HTML＋CSSコーディングにおける制作者の思考や判断、アプローチ、コード化に至るまでの流れなどを分解し、コードの状態なども含めてそれぞれを短い言葉で言語化しました。 以下のような効果が期待できます。 HTMLとCSSを使っておこなってきた事を客観視・再認識できる 始原的な動機を把握することで、手法を別の視点で捉えられるようになる 認識合わせや熟練度確認に利用し、制作時のコミュニケーションを円滑にする 場合によっては、ぼんやりと捉えていたことや、詰まりやすかったポイントなどがハッキリと認識できるようになるかもしれません。 言語化の概要 まずは、全体像が分かる概要図を掲載します。 この記事は、以下のステップと各項目について順に説明するものになります。 前提事項・環境について 言語化するにあたって前提となる考え方や環境について記載します。 HTMLとCSSの役割 HTML → データ
型定義ベースのアサーションライブラリ types-assert を書いた - Qiita
const compile = require('types-assert/compiler').compile; const assert = require('types-assert/assert').assert; // tsファイルをtypes-assertのオブジェクトに変換 const type = compile('type.ts'); const obj1 = { stringProp: "hoge", numProp: 2 }; // 型が正しい場合はスルー assert(obj1, type.Interface1); const obj2 = { stringProp: "hoge", numProp: "2" }; // 型がおかしいのでError assert(obj2, type.Interface1);
TypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiita
同じTypeScriptという言語を利用する場合においても、トランスパイラによってTypeScript自体の機能制限がかかったり、思わぬトラブルを招く場合があります。それぞれのトランスパイラの特徴を踏まえた上で、それにより生じる問題も見ていきましょう。 1-1. tsc TypeScriptの開発元であるMicrosoft純正のTypeScriptトランスパイラです。TypeScriptを利用する際に typescript パッケージをインストールする必要がありますが、それに同梱されています。 公式ツールなだけあって最も早く最新バージョンのTypeScriptに対応したり、言語すべての機能を利用することができる一方で、バンドラではないためminifyやchunkの設定はできません。また、Path Aliasesの未解決や旧ESへの互換性が不完全であることが欠点として挙げられます。 tsco
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 - ICS MEDIA
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020（ES2020）は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。 本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。 オプショナルチェーン Optional Chaining（オプショナルチェーンやオプショナルチェーニングと呼ばれています）とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。 利用シーン nullやunde
eslint-plugin-reactへのコントリビュートに挑戦してみた ~1月の活動を振り返る~ - toshi-toma blog
eslint-plugin-reactへのコントリビュートに挑戦してみた 今年からある程度まとまった単位で活動をブログなどの記事としてアウトプットしておくことで、それを使った振り返りができるように意識しています。 2020年もはや1月が終わり、どんなことをしてたか振り返るとeslint-plugin-reactへのPR作成に時間を使っていたのでまとめを書きます。 eslint-plugin-react GitHub - yannickcr/eslint-plugin-react: React specific linting rules for ESLint eslint-plugin-reactはESLintのプラグインの1つで、React用のルールが用意されています 有名なESLintのconfigであるeslint-config-airbnbなど、様々な場所で利用されています 最近は
ExcelライクなUIを実現するJavaScriptライブラリ「SpreadJS」、新バージョンリリース
グレープシティは1月22日、ウェブアプリケーションでMicrosoft ExcelライクなUIを実現するJavaScriptライブラリ「SpreadJS（スプレッドJS）」の新バージョン「V13J」をリリースした。 SpreadJSは、フィルターや表計算関数や条件付き書式などExcel互換機能を搭載したスプレッドシートをブラウザー上に描画するJavaScriptライブラリ。V13Jでは、「テンプレート型セル」や「項目選択型セル」、「ドロップダウンオブジェクト」機能といったセルに関する新機能を搭載、カスタマイズ性の高い柔軟なシート設計が可能となる。 また、「テーブル機能」では集計行の表示やコンテキストメニューからの行列挿入と削除が可能となったほか、さらに、ピクセル単位のスクロールやセルの自動マージ機能など、30を超える機能追加および強化を行なったという。 SpreadJSは1年定額制のサブス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
現代フロントエンドに欠かせないwebpackとBabelを理解しよう！ (__sakito__) - builderscon tokyo 2019
「HtmlUnit」に任意のコードが実行可能な脆弱性、IPAとJPCERT/CCが更新呼び掛け 
Black Clouds and Silver Linings in Node.js Security - LIRAN TAL