実務経験ほぼゼロでTypeScriptやNext.jsを扱う開発案件にアサインされた人のための備忘録 - Qiita
はじめに 筆者は2022年8月に株式会社ニジボックスに入社し、翌月の9月に現在のプロジェクトにアサインされました。 入社時はフロントエンドの実務経験はほぼゼロで、HTML/CSSやJSの基礎的な文法・ルールをスクールや独学で勉強していた程度の新人エンジニアでした。 そんな私がいきなりTypeScriptでNext.jsをガリガリ書くようなプロジェクトにアサインされ、困ったことや技術的につまずいたところを備忘録としてまとめていきたいと思います。 （読者の方が私と同じ轍を踏まなくて済むように、先輩方からいただいた解決策や私なりの解説を載せておきます） 対象読者 フロントエンド初心者、実務経験があまりない人 これからNext.jsやTypeScriptなどを扱う業務もしくは学習を始める人 前提 フロントエンドの実務経験が少ない筆者が、あくまで同じような技術レベルの方に向けて書いた記事です。 この
React + TypeScript + Three.js を使って「200行ぐらいで書ける」簡単な3Dゲームを作ってみた - Qiita
React + TypeScript + Three.js を使って「200行ぐらいで書ける」簡単な3Dゲームを作ってみたthree.jsTypeScriptゲーム制作React作ってみた はじめに かけだしバックエンドエンジニアのhiです。 最近、JavaScriptで簡単に3D描画ができるライブラリ「Three.js」に興味を持って触っていました。どうせならなんか作ろうと思い簡単なゲームを作成してみました。よかったら見てやってください。 ゲーム↓ ソース↓ 作成環境 React：18.2.0 TypeScript：4.7.4 Three.js：0.143.0 作り方 0.前提 作り方を理解するには、React、TypeScript、Three.jsがある程度わかるぐらいの知識が必要となります。 特にReact、TypeScriptの知識がないと「???」ってなるので事前に他の記事などで
Microsoft、プログラミング言語「TypeScript 3.8」のβ版を公開
Microsoft、プログラミング言語「TypeScript 3.8」のβ版を公開：2020年2月に正式リリース予定 Microsoftは「TypeScript 3.8」のβ版を公開した。TypeScript 3.8は、ECMAScript規格の新機能や強化機能に加え、型のみのインポート／エクスポートのための新構文など、多くの新機能を提供する。
Node.js(TypeScript)を食わず嫌いしてる人にオススメするときに役立ちそうな知見まとめ - Qiita
もともとは動的なWebサイト開発のために仕方なく(※もちろん人による)書かされていた感のあるJavaScriptですが、ES6以降の進化はめざましく、表現力の高さは他の言語に全く引けを取らないようになりました。 V8エンジンによるパフォーマンスの恩恵も相まって、私はWeb用途以外にもちょっとしたスクリプトを書く時などにも積極的にNode.jsを活用しています。 一方でかつてのJavaScriptのイメージから食わず嫌い的に避けてしまったり、そもそもJSや周辺エコシステムの進化に関心がない人も多く見られます。 そこで今回は「どうすればNode.jsの敷居を低くして、便利さを知ってもらえるか」の観点から役立ちそうな知見をまとめてみました。 動的型付けなのにかなり早い 詳しくは各ベンチマークの結果を見ていただければ分かりますが、Node.jsは動的型付け言語としてはかなり実行速度が早い部類に入り
TypeScript のサーバサイドフレームワーク – NestJS と Marble.js で書き比べ | DevelopersIO
公式 sample http://api.com/cats を get された場合 Decoratorで処理していく手法です GetのDecoratorをimportし findAll -> this.catsService.findAll の流れ import { Get } from '@nestjs/common'; class CatsController { constructor(private readonly catsService: CatsService) {} @Get() async findAll(): Promise<Cat[]> { return this.catsService.findAll(); } } 公式 sample http://api.com/me を get された場合 chainで処理していく手法です EffectFactoryからchai
TypeScript地獄の地図と幻の型たち - Qiita
初学者がTypeScriptを始めようとするのなら、おそらくはどこかしらの解説記事をみることになるだろう。ところがTypeScriptは迷宮の入り口なのである。知らずに進めば、GPSもコンパスも役に立たない永劫の樹海を彷徨うことになるだろう。 まずは入り口でこう問われることになる 『おぬしの進むべき道は、前か後ろか？』 大抵の人間はこう答えるだろう。 「もちろん前に進む、そのために来たのだ！」 その答えに対して、再び問われる。 『ふむ、まあ良いだろう。では次の問いだ。おぬしは環境を重んじるか？』 大半の人間にはその意味が分からない。しかし分からないままこう答える。 「環境は良い方がいいなぁ」 気がついたらフロントエンドでエコシステムをぶん回して、わけも分からずWebPackを設定する結果となる。この時点で、TypeScriptをまともに動かすための設定地獄が始まるのだ。 初学者がTypeS
TypeScript + Vue.js の始め方
こんにちは。エンジニアの小椋です。 最近になって初めてTypeScriptを使う機会があり、TypeScriptもっと使おう！😠😠😠と思ったので、今回はVue.jsでTypeScriptを使う方法を紹介したいと思います！
TypeScriptでkintoneカスタマイズ開発をやってみよう - yokotasoの日記
TypeScriptを使ったkintoneカスタマイズのチュートリアルです。 前提知識 次のツールを使ってチュートリアルを行いますので前提知識となります。 node, npm, npx webpack babel TypeScript 設定ファイルはTypeScriptの公式で紹介されているレポジトリを参考にしています。 1. プロジェクトの初期化と必要パッケージのインストール プロジェクトの初期化を行います。 npm init プロジェクトの初期化が完了したら開発に必要なパッケージのインストールを行います。 npm install -D @kintone/dts-gen \ @babel/core @babel/plugin-proposal-class-properties \ @babel/plugin-proposal-object-rest-spread \ @babel/pre
Microsoft、プログラミング言語「TypeScript 3.3」を公開
Microsoftは2019年1月31日（米国時間）、オープンソースのプログラミング言語「TypeScript 3.3」を公開した。次期バージョンのTypeScript 3.4は2019年3月末までにリリースされる見通しだ。 TypeScriptは、静的型付けができる言語で、JavaScriptのスーパーセット。ECMAScript規格に従った最新のJavaScriptの機能を、古いWebブラウザやランタイムが扱えるようにコンパイルすることもできる。 TypeScript 3.3は、NuGetを使うか、次のコマンドラインのように、npmを使ってインストールできる。 変更点は共用型のメソッドに関する制限緩和など TypeScript 3.3は「Visual Studio 2017」（15.2以降）の他、「Visual Studio Code」（正式にサポートされるまではInsiderリリース
2019-01-22のJS: Node.js 11.7.0、Lighthouse 4.0.0、Flow to TypeScript
JSer.info #419 - Nodeの開発版であるv11.7.0がリリースされました。 Node v11.7.0 (Current) | Node.js zlibモジュールがbrotliでの圧縮、展開をサポートしています。 Node.jsの11.7.0からzlibモジュールでBrotli圧縮が使えるようになりました | WEB EGG また同梱されるnpmが6.5.0へアップデートされ、今まで--experimental-workerのフラグ付きだったWorker Threadがデフォルトで有効になるといった変更が含まれています。 LightHouse 4.0.0がリリースされました。 Release 4.0.0 (2019-01-16) · GoogleChrome/lighthouse PWAカテゴリを更新し、スコア表示ではなくOptimizedされているかをBadgeで表示する
README内部のコマンドを読み込んで実行するツール「I Read U」で、READMEをメンテする習慣を作った - Qiita
README内部のコマンドを読み込んで実行するツール「I Read U」で、READMEをメンテする習慣を作ったnpmTypeScriptアドベントカレンダー2018 この記事はTypeScript Advent Calendar 2018の7日目です。 作ったもの README.mdファイル内部に記載されたコマンドを読み込んで実行するツールです。 こんなふうに動きます。 経緯 READMEを書く習慣を作りたい とあるRuby on Rails(以下Rails)のプロジェクトを開発しようとした時の事でした。 Railsでは、必要なパッケージをインストールするbundle installや、データベーススキーマを適用するrails db:migrateといったコマンドを打ったあと、最終的にbundle exec rails serverというコマンドを実行すると、だいたいサーバが立ち上がりま
Vue.js + Vuex + TypeScript ファーストインプレッション - Shin x Blog
日頃は、サーバサイドの開発が主なのですが、その UI として フロントエンドの開発も行うことがあります。最近話題の Vue.js を試してみたのでその感想などを。 前提 これまで利用した構成 Vue.js 構成 雑感 ちょっと試す、がすぐにできる vue-cli が楽 vue ファイル template ディレクティブ scoped css vue-router / Vuex 連携 Vuex mutation を直接呼んで、state を変更 コンポーネントから直接 state を操作 TypeScript Vue.js 入門 さいごに 前提 これまで利用した構成 ベースとして、これまでプロダクションで利用したことがある構成は以下です。いずれも、フォームベースの SPA で、現在も稼働しています。 AngularJS 1.x AngularJS 1.x + TypeScript React
TypeScriptでVue.jsを書く – Vue CLIを使った開発のポイントを紹介
2018年8月11日に新しいメジャーバージョンとなるVue CLI 3.0がリリースされました。Vue CLI 3では、公式にTypeScriptをサポートし、 TypeScriptを利用するプロジェクトの生成に対応しました。これにより、TypeScriptでVueを気軽に試せるようになったということで、今回ちょっとどんなものか試してみることにしました。試した中でポイントとなりそうな部分をまとめてみたので紹介します。なお、私は普段はAngularでTypeScriptを書いているため、TypeScriptのクラス構文を使った説明になっています（クラス構文を使わなくても、TypeScriptでvue.jsを書くことはできます）。 目次 はじめに – Vue CLI + TypeScript TypeScript + Vue サンプル Vue CLIでTypeScriptプロジェクトを生成する
Announcing TypeScript 3.0 RC - TypeScript
TypeScript 3.0, our next release of the type system, compiler, and language service, is fast-approaching! Today we’re excited to announce the Release Candidate of TypeScript 3.0! We’re looking to get any and all feedback from this RC to successfully ship TypeScript 3.0 proper, so if you’d like to give it a shot now, you can get the RC through NuGet, or use npm with the following command: You can a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラミング言語「TypeScript」v3.3 ほか ～14件を掲載（2月4日）【ダイジェストニュース】