I’ve spent 5 years writing a JavaScript framework on my own.
Typescene is a robust front end library written in TypeScript: strongly typed, no dependencies, no nonsense. It’s really great for desktop-like (or mobile) applications, not so great for blogs and other content. It isn’t backed by some major corporation, not even a startup, but it’s been built by me: one developer on a mission to build a no-nonsense dependency-less framework — not scared of rework
「実践TypeScript」執筆レポート - DeNA Design
本日、執筆した TypeScript の技術書が発売されました。TypeScript は昨今、大変注目を集めている言語であり、フロントエンド開発の現場で積極的に採用され始めています。TypeScript は JavaScript に「静的型付け」機能を追加した言語です。プログラムを一旦動かすだけなら、JavaScript の開発経験ひとつで直ぐに習得できます。TypeScript で書いたコードは配布する際、JavaScript に変換され、エンドユーザーにアプリケーションとして届けられます。 フロントエンド開発は、年々求められる技術が複雑化しています。JavaScript は守備範囲が大変広いことから、様々なプラットフォーム（Webページ・Webサーバー・Nativeアプリ）の開発に用いられる様になりました。また、Webページで構成されるアプリケーションであっても、内部実装が肥大化し、J
Vue.jsでWeb Componentを作ってみた - アクトインディ開発者ブログ
morishitaです。 先日、Web Componentついて書きました。 tech.actindi.net 多くのブラウザで動作できるようになってきていることは確認できました。 ただ、実装方法についてはもっと良い方法がないものかと思いました。 と思っていたら、Vue.jsが Web Components もサポートしているではないですか！ で、やってみました。 環境準備 手っ取り早く試すためにVue CLIを使います。 次のコマンドでインストールできます。 $ yarn global add @vue/cli インストールできたらプロジェクトを作ります。 このエントリではvue-web-componentsという名前で作りますが、 なんでも構いません。 次のコマンドを実行するといろいろ質問されます。 $ vue create vue-web-components 今回は次の様に答えまし
JavaScript/TypeScriptの例外ハンドリング戦略を考える - Qiita
PySpa統合思念体です。あと、 @yosuke_furukawa にも協力いただきました。 基本的に、あまりエラーの種別を細かく判定してあげることはJavaScriptでは今までやってこなかったのですが、ちょっとしたメタデータを乗っけてあげるとか（例えばリトライ回数）、何か凝ったことをしたくなったらこういう方針でやればいいのでは、という試行錯誤録です。 エラーと例外の区別が必要か この手の話になると、エラーと例外の違いとか、こっちはハンドリングするもの、こっちはOSにそのまま流すものとかいろんな議論が出てきます。このエントリーではエラーも例外も差をつけずに、全部例外とひっくるめて説明します。 例外というのはすべて、何かしらのリカバリーを考える必要があります。 ちょっとしたネットワークのエラーなので、3回ぐらいはリトライしてみる 原因: ネットワークエラー リカバリー: リトライ サーバー
TypeScript用のDIライブラリを公開しました - エムスリーテックブログ
エンジニアリンググループの冨岡です。 TypeScript向けのDIライブラリを公開したので紹介します。 github.com モチベーション Clean Architecture等の設計手法を使ってコードを書いていると、抽象に依存することが多くなってきます。 class CreateUserAccount { constructor(private userAccountRepository: UserAccountRepository) {} } const forProduction = new CreateUserAccount( new PostgreSQLUserAccountRepository( buildPostgreSQLConfig(process.env) ) ) const forTest = new CreateUserAccount(new InMemoryU
TypeScript + Vue.jsでのフロントエンド開発 - razokulover publog
最近webアプリ(RailsのviewでVue.jsを使ってる感じの部分)をフロントエンドだけ切り離してリライトする業務をやった。 他の業務と並行で進め、実装からリリースまでの期間は大体営業日換算で2週間ちょいくらい。 バックエンドのAPIなどはすでに開発済みのものを使えたので純粋にフロントエンドのみ。 途中、既存の動いてるアプリへ機能追加などされていたので都度追従していく作業もやった。 そもそもリライトすることを決めたのは元のアプリが歴史的な経緯などあり、トランスパイルできる環境に無く、加えてAndroid4.2以降のwebブラウザに対応する必要があったため。素手でES5を書き続けるのは規模が大きくなっていくとだいぶ辛いしここらでちゃんと整えましょうということで重い腰をあげたという感じ。 フロントエンドライブラリとしてはVue.jsに元々は慣れてたこともあり、Vue.jsを利用。この夏に
2019年人気＆嫌われプログラミング言語ランキング- Stack Overflow
開発者が好むプログラミング言語としては、Pythonが4年連続で第1位になった点が注目される。また、使いたいプログラミング言語第1位だったPythonは好まれているプログラミング言語としても第2位につけており、開発の現場において人気と実力の双方を固めつつあることがわかる。 プログラミング言語人気ランキング - 資料: Stack Overflow 好きなプログラミング言語 - 資料: Stack Overflow 嫌いなプログラミング言語 - 資料: Stack Overflow 使いたいプログラミング言語 - 資料: Stack Overflow 開発者が最も嫌いなプログラミング言語はVBAが1位、Objective-Cが2位につけた。開発者はVBAやObjective-Cを使った開発やメンテナンスを嫌っており、こうしたプログラミング言語を使う意向が低下している可能性がある。
TypeScript Meetupのキックオフをした話 - sasurau4のブログ
TL;DR TypeScript Meetupのキックオフをした TypeScript JPが爆誕した ミートアップの運営大変そうだけど、楽しそう 注意 以下は、sasurau4がキックオフMTGに出て、個人的に感じた内容をまとめているだけですので、記載された情報が間違っている可能性があります 正式決定はMeetupの開催告知をお待ち下さい はじめに TypeScript Meetupのキックオフに参加したら、感動したので勢い駆動でブログを書いています こちらのツイートがすべての始まりです TypeScript meetupの企画をはじめます。運営をお手伝いしていただける方を数名募集いたします。 JavaScriptという広いくくりでは話しにくいtsにまつわるディープなお話ができたらと思ってます。 ご興味ある方がいらっしゃいましたらリプライもしくはDMいただけると嬉しいです！ https:
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に｜ハイクラス転職・求人情報サイト AMBI（アンビ）
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に JavaScriptプロジェクトでTypeScriptを導入する際には、“柔らかい”静的型付き言語とするのがおすすめです。藤吾郎（gfx）さんがまとめた「がんばらないTypeScript」のガイドラインです。 TypeScriptは、すべてのJavaScriptプロジェクトで採用する価値のある技術です。TypeScriptとこれに対応したエディタを導入することで、補完や型ベースの整合性のチェックにより、すべてのプロジェクトで生産性が上がります。またリファクタリングも容易になるので、長期あるいは大規模なプロジェクトでも品質を保ちやすくなります。 この記事では、TypeScriptについて最低限の知識とともに、サクッと（どちらかというと既存のプロジェクトに）導入するための
TypeScriptでJestを使うときの設定（ts-jest, @types/jestなど） - dackdive's blog
メモ。 TypeScript を使ったプロジェクトに Jest を導入する時に必要なパッケージや設定、とくに ts-jest と @types/jest が必ず必要なのかどうかがよくわかってなかったので調べた。 先にまとめ TypeScript -> JavaScript のコンパイルを TypeScript 自身でやるか Babel に任せるかで必要な設定が異なる。 （Babel 7 から TypeScript がサポートされた） @types/jest は（テストファイルも型チェックするなら）両方で必要 TypeScript のコンパイルに Babel を使う場合、@preset/typescript と babel-jest をインストールしておけば ts-jest は不要 TypeScript のコンパイルに TypeScript を使う場合、 ts-jest が必要。jest.c
ブラウザがJavaScriptを直接サポートしない世界 - Qiita
TL;DR WASMって凄いね．JavaScript処理系すら実装できるんだって． ならブラウザはWASMだけをサポートすれば楽なんじゃないかな． という考察記事です． 経緯 私は少し前からRustでJavaScript処理系を書いています．(まだまだ機能不足ですが) ある日，ふと思いました．Rustで書いてるんだからWASMに変換するのも楽なんじゃないか?と． 面白そうなので，試してみたわけです． 意外と面倒だった RustからWASMへと変換する方法を説明した記事は，調べればいくらでもでてきます．無論そのとおりに手を動かしてみるわけです． しかし，いざやってみるとコンパイラに結構文句を言われます．考えてみれば当たり前ですが，libcなんて使っていたらWASMには変換できません． なので余分なコードは削り，WASMに変換できるようコードを書き直しました． すると，すんなりWASMに変換す
Announcing TypeScript 3.4 - TypeScript
Today we’re happy to announce the availability of TypeScript 3.4! If you haven’t yet used TypeScript, it’s a language that builds on JavaScript that adds optional static types. The TypeScript project provides a compiler that checks your programs based on these types to prevent certain classes of errors, and then strips them out of your program so you can get clean readable JavaScript code that wil
【フロントエンド編】TECH LEADの技術を惜しげも無く公開します！React × PHP Laravel × BEAR.Sunday × SSR - TECH LEAD Blog
こんにちは、@TECH LEADです。 前回の「【アーキテクチャー編】TECH LEADの技術を惜しげも無く公開します！」は、たくさんの方に読んでいただきありがとうございました。 第二回となる今回は、TECH LEADサービスでのフロントエンドの実装をご紹介します。 アーキテクチャー編 フロントエンド編 ←いまここ サーバーサイド（アプリケーション層）編 サーバーサイド（内部API層）編 インフラ編 目次 目次 はじめに SPAを辞めたわけ TECH LEADのフロントエンド 主な技術 ディレクトリ構成 サーバーサイドレンダリングに関して 注意点 静的なHTMLが生成される V8jsの罠 クライアントサイドレンダリングに関して TECH LEADを作ってみて まとめ エンジニアの皆さんへお願い 次回予告 PR TECH LEAD Job TECH LEAD Resume TECH LEAD
Parcel入門 - TypeScriptの導入方法 - ICS MEDIA
「TypeScript」とは、JavaScriptに「型」を指定できるオープンソースのプログラミング言語です。型によりプログラム実行前にエラーを見つけ出すことができるため、大規模なプロジェクトを安全に開発できます。Microsoft社製で、多くのフロントエンドエンジニアに採用されています。 TypeScriptのモダンなビルド環境を作るためにはwebpackやGulp.jsがよく使われていますが、設定ファイルが必要で学習コストは高めです。「TypeScriptのビルド環境がほしいだけなのに、なぜツールの設定に時間をとられるのか？」「TypeScriptを始めるときに苦労したくない」と思っている人も多いのではないでしょうか？ 「Parcelパーセル」というツールを使うと、独自の設定ファイルを使うことなくTypeScriptのモダンなビルド環境がわずか3ステップで作れます。 ▼ TypeScr
React + GraphQL から成る Kaizen Ad のフロントエンド - Kaizen Platform 開発者ブログ
追記: 2021年6月現在はアーキテクチャが変わってきています。 次の記事に詳細を書いていますので、一読をお願いします。 Kaizen Adのフロントエンドアーキテクチャの遷移について - Kaizen Platform 開発者ブログ Kaizen Platform でフロントエンドエンジニアをしている山本です。この記事では、我々が運営するサービス「Kaizen Ad」のフロントエンド部分をご紹介します。 Kaizen Ad とは Kaizen Ad は、動画広告をサポートするマーケットプレイスです。 カスタマーがクリエイティブを依頼すると、広告クリエイティブを作成するグロースハッカーから動画広告クリエイティブが納品される仕組みです。 カスタマーにとってはクリエイティブ改善の運用を省力化できると同時に、グロースハッカーにとっても新しい働き方が創造できるソリューションとして提供しています。
Webpack の考え方について - mizchi's blog
なぜ初心者は webpackが解らないのか？- Why can’t you understand the webpack? - from 健人 井関 www.slideshare.net この記事バズってたけど、わからない人がよりわからなくなる、という点で問題だと思っていて、webpack の目的の本質的な部分から整理する必要があると思います。 (あと友人が webpack に挑戦していたので入門資料も兼ねてる) Webpack の本質的な部分は次の3つです。それ以外は全部おまけ機能だと思ってよいです。 ES Modules のエミュレート node_modules のリンカ 拡張子ごとの変形 Webpack が本当にやりたいこと こういうコードがあるとします。 // src/a.js export default () => console.log('hello'); // src/in
TypeScript 3.2.0-RC 変更点 - Qiita
こんにちはメルペイ社な@vvakameです。 TypeScript 3.2 RCがアナウンスされました。 What's new in TypeScriptも更新されて…いません！！ナンデ？？？ 破壊的変更はアップデートされてました。 この辺に僕が試した時のコードを投げてあります。 変更点まとめ Functionのbind, call, apply周りの型推論が更に賢くなった strictBindCallApply bind, call, apply についての型推論がさらにいい感じになった --strictBindCallApply が導入された --strict に含まれる CallableFunction と NewableFunction という組み込み型も導入 Genericsを使った型をObject spreadでいい感じに扱えるようになった Object spread on g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoft debuts Bosque – a new programming language with no loops, inspired by TypeScript
Creating Reusable Base Classes in TypeScript with a Real-Life Example | CSS-Tricks
Nuxt.js v2.5 + TypeScriptでプロジェクトをはじめる - Qiita
