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

% tree -a -I 'node_modules' . ├── dist ├── package-lock.json ├── package.json ├── src │ ├── main.ts │ ├── preload.ts │ └── web │ ├── App.css │ ├── App.tsx │ ├── index.html │ └── index.tsx ├── tsconfig.json ├── tsconfig.node.json └── webpack.config.ts 3 directories, 11 files dist/: webpack の出力先フォルダ src/main.ts: メインプロセスのエントリファイル src/preload.ts: プリロードスクリプト src/web/: レンダラープロセス (= React アプリケーション) ソースコー
概要 今回はNext.jsとTypeScriptの勉強がしてみたかったので、手始めにブログを作成してみました。 また、ブログを作成するにあたって、GitHubとVercelを使って公開する方法を紹介します。 Vercelは無料で公開できるので、個人開発でブログを作成するのには最適です。後ほど詳しく紹介します。¥ Reactを1週間程度触ったことがありましたが、Typescriptはほぼ触ったことがなかったので色々と規則から外れているかもしれません。 というような初心者なので一行一行詳しく解説しています。長くなりますが、よろしくお願いします。 Next.jsとは Next.js(ネクストジェイエス)は、Node.js上に構築されたオープンソースのWebアプリケーションフレームワークであり、 サーバーサイドスクリプトや静的Webサイトの生成などの、ReactベースのWebアプリケーション機能を
はじめに Node.js は JavaScript の実行環境として広く使われていますが、TypeScriptの直接実行をサポートしていません。本記事では、TypeScriptをNode.js環境で実行する方法に焦点を当て、さらにECMAScript モジュール (ESM) 、nodemonを利用するための設定についても解説します。 実行環境 "ts-node": "^10.9.1", "@types/node": "^18.7.18", "nodemon": "^2.0.20", TypeScript と Node.js Node.jsはTypeScriptを標準では直接実行できません。そのため、TypeScript コードはJavaScriptにコンパイルされる必要があります。ここで、開発者の助けとなるのが ts-node です。 ts-node の導入 ts-node は、TypeS
みなさんは普段Node.jsをどのように使っていますか? サーバーサイドで動くJavaScriptランタイムのNode.jsは、Socket.IOと連携してリアルタイムなウェブコンテンツを作ったり、Viteやwebpackのようなフロントエンドエンジニアのツールとして使われたりとさまざまな場面で活用されています。 Node.jsで大規模な開発をする場合、TypeScriptを採用するのはオススメです。TypeScriptの導入によって開発の生産効率性・保守性を上げることができます。WebStormやVisual Studio Codeを使えば以下の利点があります。 コード補完が効くためプログラミングの効率が劇的に向上 静的型付けによってコンパイル時型チェックが行われるので安全性が向上 Node.jsでTypeScriptを使う方法は、いくつかの方法があります。今回はNode.jsをType
5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択と開発過程は?(後編) Developers Summit 2016 シングルページアプリケーション(SPA)は、最近注目を集めているWebアプリケーションのアーキテクチャです。HTML全体の書き換えは行わず、変更が必要な部分だけをJavaScriptで動的に書き換えていくことにより、反応がよくユーザー体験にすぐれたWebアプリケーションを実現できます。 このSPAの開発を、技術の選択、仕様の策定、開発を含めて5カ月で行った経験談が、2月18日に都内で行われた「Developers Summit 2016」(通称デブサミ)のセッション「5か月でAngularJSとTypeScriptでSPAをつくった話」で紹介されました。 (本記事は「5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択
こんにちは!ChatWork CTOの山本です。 チャットワークのバックエンドをPHPからScalaへの切り替えることを決断し、現在は移行に向けての大プロジェクトが進行中です。 バックエンドはScalaにしていく。じゃあフロントエンドはどうするの?ということで、今回はチャットワークのフロントエンド開発における今後の戦略を書いてみようかと思います。 現在のフロントエンドにおける課題現在のJavaScriptコード量は、ざっと5万行ほどになっています。(OSSライブラリ、言語キーなどを除く。たぶん大規模・・ですよね?) 約5年前の開発スタート時より、素のJavaScriptとjQueryをベースにゴリゴリと書き重ねられ、これぐらいのコード規模になったソースコードはご想像通りメンテナンスコストがかなり高くなってしまっています。。。 バックエンドの刷新に伴い内部APIも一新されるため、どうせ大幅に
MVP Community Camp 2014 が開催されました 去る3/22に開催された MVP Community Camp 2014 の広島会場にて、『Visual Studioで始めるTypeScript開発入門!』というタイトルでセッションを行わせていただきました。 当日ご参加いただいた方、ご視聴いただいた方、ありがとうございました。 当時のセッション資料 Visual Studioで始めるTypeScript開発入門 from kiyokura 当時のust録画 (前半) Video streaming by Ustream (後半) Video streaming by Ustream ※時間ができましたら、広島の全セッションを解像度がもう少し高い状態でYouTube等にアップする予定です。 ハプニングとお詫び 当日は、セッション開始の声を上げた瞬間にPCがブルースクリーンを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く