2019-12-31のJS: Ember 3.15 Octane、TypeScriptで書いたLibraryを公開する手順
JSer.info #468 - Ember 3.15がリリースされました。 Ember.js - Ember 3.15 "Octane" Released Ember.js 3.15での大きな変更点としてOctane Editionのリリースが含まれています。 EditionはEmberでのプログラミングモデルを表わす概念で、今の所Octane Editionのみとなっています。 An edition represents a cohesive programming model, and releasing a new edition represents a shift in the programming model due to new features and concepts being added to Ember. Ember Octane is the first ne
今年のOSS活動振り返り @ 2019
2019年のOSS活動の振り返り記事です。 今までの振り返り。 今年のOSS活動振り返り @ 2018 | Web Scratch 今年のOSS活動振り返り @ 2017 | Web Scratch 今年のOSS活動振り返り @ 2016 | Web Scratch 今年のOSS活動振り返り @ 2015 | Web Scratch 今年のOSS活動振り返り @ 2014 | Web Scratch 2019年のGitHubのContributionsは7000~10000ぐらいを推移していました。 ちょっとプライベートリポジトリのコミット比率が上がって、原因はasocial-bookmarkでのブックマークシステムな気がします。後は、仕事のリポジトリがPrivate比率多い。 GitHubのCurrent Streakは2246日で6.153424658年コミットは続いています。 データ
2019年総括、学ぶべきJavaScript技術と避けたいJavaScript技術
State of JavaScriptがこのほど、2019年におけるJavaScript関連の調査結果「The State of JavaScript 2019」を公開した。この調査は、JavaScript関連技術について、どの技術に人気があり、どの技術に人気がないかが、2016年からの推移を含めてわかりやすくまとめている。 次のグラフは2016年から2019年までの技術の動向を示したもの。右側ほど人気が高く、上ほど使われている率が多くなっている。つまり、右上に向かって移動する技術ほど、人気があって実際にも使われてシェアを増やしていることになる。逆に左下に向かって移動している技術は人気がなく、実際に使用率も低下していっていることを示しており、今後、採用は避けるほうがよい技術ということになる。TypeScript、Express、React、Jest、GraphQLなどが特に強く成長している
JavaScriptの代替言語、TypeScriptが最有力か
JavaScriptは、Webブラウザで実行されるプログラミング言語として代表的な存在だ。しかし、JavaScriptで大規模アプリケーションを開発するのは難しいとして、代替のプログラミング言語、JavaScript風プログラミング言語、JavaScriptのスーパーセットとして開発されているプログラミング言語が存在している。これらの中からどれを選択すればよいかを判断するのが難しい状況にあるが、多くのユーザーは「TypeScript」を代替言語として使う動きが出てきているようだ。 State of JavaScriptは、2019年におけるJavaScript関連の調査データとして、「The State of JavaScript 2019」を公開した。調査の対象にJavaScriptの代替言語に関するものがあり、他の言語を引き離してTypeScriptが強い人気を示している。 TypeS
Vue/Nuxt開発効率を3倍にするVSCode拡張機能セット - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事を読むと VSCode拡張機能を入れて、下記のようなことが実現します ・VSCodeとは別にterminal（Command Line）の画面を開かなくても、VSCode内から直接terminal操作ができる（例えばnpm run devも) ・全てのカッコ()[]{}が種類別に色分けされる ・インデントが一眼で分かる ・htmlタグの開始タグと終了タグを同時に修正できる ・Vue.jsやNuxt.jsの構造やファイル操作が楽になる etc... なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、V
inject と Headless Vue インスタンスを活用したリアクティブな認証管理 - ElevenBack LLC. Engineering
この記事は Nuxt.js アドベントカレンダー 24 日目の記事です。 ここ一年ほどほとんど Nuxt.js で Vue.js を単体で使うことがめっきり減った @potato4d です。 今回はニッチな話題として、「JavaScript の世界のオブジェクトに Vue.js のリアクティブ機構をもたせる」という話をしたいと思います。 なお、今回はややこしいコードベースを省く意味でも Nuxt.js 環境を前提とします。 実現したい要件 まずは実現したい要件を定義します。 今回は、現在弊社にて開発中の Web サービスのシステムをベースとして考案します。 Firebase Authentication を使ってユーザー情報をやりとりする データベースヘの取得・保存操作では、 Firebase 側のユーザーの uid を利用するためグローバルから認証情報にアクセスできてほしい できればその
WebAssembly テキスト形式の理解 - WebAssembly | MDN
WebAssembly を人間が読んだり編集したりできるようにするため、 Wasm バイナリー形式にはテキスト表現が存在します。これはテキストエディター、ブラウザーの開発者ツールなどで見せるために設計された中間表現です。この記事では、テキスト形式のしくみ、生の構文、および元のバイトコードの表現との関係 (と JavaScript で Wasm を表現したラッパーオブジェクト) について説明します。 メモ: この記事は、あなたがウェブ開発者で Wasm モジュールをページに読み込んでコード内で使用するだけなら過剰なものかもしれません (WebAssembly JavaScript API の使用を参照)。しかし、例えば、パフォーマンスを最適化するために Wasm モジュールを書きたいときや、あなた自身で WebAssembly コンパイラーを作るときには役に立ちます。 バイナリー、テキスト形
アクセシビリティ – React
なぜアクセシビリティが必要なのか？ Web アクセシビリティ（a11y とも呼ばれます）とは、誰にでも使えるようウェブサイトを設計・構築することです。ユーザ補助技術がウェブページを解釈できるようにするためには、サイトでアクセシビリティをサポートする必要があります。 React はアクセシビリティを備えたウェブサイトの構築を全面的にサポートしており、大抵は標準の HTML の技術が用いられます。 標準およびガイドライン WCAG Web Content Accessibility Guidelines はアクセシビリティを備えたウェブサイトを構築するためのガイドラインを提供しています。 以下の WCAG のチェックリストはその概要を示します。 WCAG checklist from Wuhcag WCAG checklist from WebAIM Checklist from The A1
フロントエンドの情報収集について - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2020/07/17: いくつか追記しました はじめに 私は、TechTrainでフロントエンドのメンターとして面談する中で「最近フロントエンドの勉強を始めました！」という方や、フロントエンドエンジニアを目指す学生と話す機会が何度もあります。 その中でよくある質問が 「フロントエンドの情報収集ってどうしてますか？」 です。 何度も質問を貰うので、気になる人は多いのかなと思います。 この記事では「私がどんな風に情報収集しているか」を紹介しようと思います。主に情報収集の流れと、どこからフロントエンドの情報を集めているかについてです。 情報収
なぜReactでもVueでもなくElmを使っているのか - Qiita
Functional-Static-Strong-Managed −0.25 (0.04) ∗∗∗ Functional-Dynamic-Strong-Managed −0.17 (0.04) ∗∗∗ Proc-Static-Strong-Managed − 0.06 (0.03) ∗ Script-Dynamic-Strong-Managed 0.001 (0.03) Script-Dynamic-Weak-Managed 0.04 (0.02) ∗ Proc-Static-Weak-Unmanaged 0.14 (0.02) ∗∗∗ 各カテゴリに属する言語は以下のとおりです。 Functional-Static-Strong-Managed： Haskell、Scala Functional-Dynamic-Strong-Managed： Clojure、Erlang Proc-Sta
JavaScriptを勉強するべき5つの理由 - Qiita
はじめに こんにちは。コードクリサリスの日本語プログラム事業責任者の新徳雅隆です。Immersiveの卒業生でもあります。 この投稿はコードクリサリスのMaryが書いてくれたこの記事の翻訳です。 Introduction どのプログラミング言語を最初に勉強するべきなの？ という質問は頻繁にいただきます。 意欲的なディベロッパーになるためには、キャリア形成を早くから、また頻繁に考えることが重要になってきます。そしてそのときに直面するのは、どのプログラミング言語を集中して勉強するべきかという問いです。 もちろんあとでいくらでも他のプログラミング言語を勉強できます。それと同時にエンジニアであればなんか一つのプログラミング言語を学んでしまえば、他の新しい言語を学ぶことは簡単なことも事実です。しかし私たちがここで言いたいのは、最初に学ぶプログラミング言語が大事ということです。 もしコンピューターサイ
Nuxt.js で TypeScript を使って一通り試したら色々ハマった件 - Qiita
$ create-nuxt-app tutorial create-nuxt-app v2.12.0 ✨ Generating Nuxt.js project in tutorial ? Project name tutorial ? Project description My super-duper Nuxt.js project ? Author name chibi929 ? Choose the package manager Yarn ? Choose UI framework Buefy ? Choose custom server framework Express ? Choose Nuxt.js modules Axios ? Choose linting tools ESLint, Prettier ? Choose test framework Jest ? Cho
超安価&超簡単にウェブサイト運用しよう。CircleCIで、GitHubプッシュ→自動でビルド→S3に自動デプロイ - Qiita
はじめに S3の静的ウェブサイトホスティング機能をご存じでしょうか。 https://aws.amazon.com/jp/s3-hosting/ AWSのストレージサービスであるS3に HTMLやCSS、JSなどの ソースファイルをアップロードし、 S3のホスティング機能を有効にするだけで、 非常に安価に、大容量、優れた耐久性のウェブサイトを公開できるという機能です。 AWSの管理画面から手動でソースファイルをアップロードすれば、 すぐにでもこの静的ウェブサイトホスティングを利用することができます。 https://qiita.com/suuungwoo/items/2e49c3008a04e48581ed https://qiita.com/dogwood008/items/a92abae789f4b0466f38 今回は、このS3静的ウェブサイトホスティング機能をさらに便利に利用するた
【TypeScript】TS初心者の、TS初心者による、TS初心者のためのTS入門 - ecbeing labs（イーシービーイング・ラボ）
はじめに ブンブン Hello world. どうもこんにちは。開発です。 前回「もし新人プログラマが「プリンシプル・オブ・プログラミング」を読んだら」の記事を書かせて頂いたあの開発です。 プログラマ界隈では「1年に1言語」とは言いますが、かくいう私も一念発起して新しい言語を学ぼうと思った次第でございます。 しかし、ただ学ぶだけではペースも落ちますし、やる気の上下も大きいと考えました。 そこで、”学んだ内容を記事にする”というタスクを自分に課すことで学習効率を無理やり持ち上げようと画策致しました 。 そんなわけで今回は、「新人プログラマがどのように未収得の言語を学習するか」について津々浦々と文字列を列挙したいと思います。 はじめに What's TypeScript 概要 JavaScriptとの違い 詳細 文法 型宣言 型推論 実際にやってみた 何はともあれ書いてみましょう 差分進化(D
漢文風プログラミング言語「文言」を読み解いてみた
プログラミング言語というものは、英語や数字の羅列で書かれていることがほとんどで、知識が無ければ何が書いてあるのかさっぱり分かりません。漢文風プログラミング言語「文言」は、古代中国で用いられていた文語体でプログラムが書けるというちょっと変わったプログラミング言語です。 wenyan-lang.lingdong.works/ http://wenyan-lang.lingdong.works/ 文言にはオンラインエディタが用意されており、以下のURLから簡単なコードを書いて実行することが可能です。 wenyan-lang.lingdong.works/ide.html http://wenyan-lang.lingdong.works/ide.html オンラインエディタにはいくつかサンプルコードが用意されています。試しに、プログラミング言語の入門書でよく用いられる「Hello, World」
Ship.jsでリリースフローを改善する - Qiita
PLAID で i18n おじさんエンジニアしてる kazupon です。 この記事は plaid advent calendar 2019 の 17日目の記事です。 はじめに 筆者は、PLAID のプロダクト開発以外にも、オープンソースソフトウェア (以下 OSS )開発者として vue-i18n といったオープンソースプロジェクトを持っており、Node.js においては npm または yarn といったパッケージマネージャーと呼ばれるもので、Node.js そして必要に応じてブラウザ向けに動作するコードをパッケージにして OSS として配布しています。 npm / yarn で配布する OSS は、一般的には semver のようなセマンティックバージョンニングの仕様に沿った形で、バージョンをリリース毎に発行して管理して、npm publish や yarn publish によって
2019-12-17のJS: npm v6.13.4(security update)、JSON Parse、WASI on Node.js
また、Node.jsに同梱されているnpmのアップデートを含むsecurity fixが2019-12-17にリリースされる予定です。 こちらはそれぞれのNode.js LTSバージョンと開発版のNode.js 13のリリースが行われる予定です。 December 2019 Security Releases | Node.js Previous Releases | Node.js JSON Parser with JavaScript | Tan Li Hauという記事ではJSONパーサを実装していきながら、パーサの実装方法について紹介していきます。 JSONの仕様の構文定義をみながら、JSONの文字列をパースする実装していくチュートリアルとなっています。 パース時の意図しないトークンが出現したときのエラーケースの扱い方などについても書かれています。 JSer.infoをサポートするに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://webneko.dev/posts/live-together-vue-tsx-in-2020
ESLint + Prettier + VS Code — The Perfect Setup
electronでbabel + reactを直接使えるようにするまで - Qiita
