WebアプリケーションのJavaScriptをTypeScriptに置き換えたい - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Comparing Next.js and After.js for SSR React apps - LogRocket Blog
Editor’s Note: This post was updated on 1 December 2021 with new code blocks and relevant information. Next.js and After.js are both frameworks that let us build server-side-rendered React apps without the hassle of setting up SSR from scratch from a create-react-app project. In this article, we’ll compare Next.js and After.js and explore their differences. Next.js vs. After.js The major differenc
Alpine.js: The JavaScript Framework That's Used Like JQuery, Written Like Vue, And Inspired By TailwindCSS | CSS-Tricks
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS We have big JavaScript frameworks that tons of people already use and like, including React, Vue, Angular, and Svelte. Do we need another JavaScript library? Let’s take a look at Alpine.js and you can decide for yourself. Alpine.js is for developers who aren’t looking to build a single page a
モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy
2020.04.30 モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack この記事では、モダンな JavaScript を書くための前提として知っておくべき、いくつかのキーワードを紹介します。想定読者は、初心者 〜 jQuery なら書けるレベルの開発者です。これから React や Vue.js を学びたい方、または Web 開発の世界に飛び込む新人さんなどの学習の助けになれば、と思います。 「モダン」な JavaScript ここで言う「モダン」とはどういう意味でしょうか？ 「モダン JavaScript」という表現は数年前から目にしますが、大抵 ES2015（JavaScript の 2015 年バージョン）以降の JavaScript を指しているようです。確かに、const / let やアロー関数などの文法的な改善、A
Closure LibraryからTypeScriptの型定義を生成する - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、フロントエンドチームエキスパートチームの穴井(@pirosikick)です。 弊社の製品である kintone は Closure Tools (Closure Library と Closure Compiler の総称) を使って開発していますが、TypeScript を使ったモダンなスタックへの移行を検討しています。 その移行の過程で Closure Tools 側のコードを TypeScript で型安全に再利用したいケースが発生し、その解決策として Clutz というツールを試しています。 今回は、この Clutz がどういったツールなのか、その使用方法と注意点などについて紹介します。 この記事は次の条件に当てはまる方には特におすすめできる内容になっています。 Closure Tools(Closure Compiler, Closure Library)を使って開発
Atomic CSS-in-JS
With utility/atomic CSS, we acknowledge it’s ok to couple the structure and presentation layers: when we need to change the button color, we modify the HTML, not the CSS. This tight coupling is also acknowledged in modern CSS-in-JS React codebases, but it seems the CSS world figured out first that the “separation of concern” of the web didn’t feel right. Specificity is also less a problem, as we u
IchigoJam web for iPad、Single App Modeも健在、iPhone同等フリック入力で快適iPad生活！
自宅学習が続く中、iPadを使う家庭も多そうだとiPad miniを入手。いつの間にかSafariのフルスクリーンAPIに対応していたことに驚き、IchigoJam webをiPad向けに調整。 ホーム画面に追加して起動すると、まるでIchiogJam専用デバイス！ Safari上からの利用だと[FULL]ボタンで、フルスクリーン化する（横画面で文字の大きさが小さい問題は調査予定） iPhoneで見た時も使い勝手も合わせて向上！iPadがあると写真が相互に取れて地味に便利。 物理キーボードや、フリック入力はいいけど、ソフトキーボードは入力にストレスあり。 調べてみると、割とややこしい手順で、iPhoneと同等のフリック入力に変更できた。 iPadでフリック入力を使う方法 1. 設定、キーボード、新しいキーボードを追加、「日本語-かな」を追加 2. 設定、キーボード、「キーボードを分割」をO
LaravelからJavaScriptに配列変数を引き渡す方法 - Qiita
Laravelで、コントローラから受け渡した配列変数をJavaScriptに渡す方法。 普通に、 const data = '{{json_encode($data)}}'; console.log(data); のように渡すとダブルコーテーションが"のような文字になってしまう。 調べると、 JSON_UNESCAPED_UNICODEを、json_encodeの第二引数に入れてunicode文字列にされることを防ぎ。 !!で囲って、"にされることを防げるという。 そして、Laravel5.5以降は、@json()というbladeテンプレート用の関数で簡単にできるという。 const data = @json($data); という書き方が結論のようにも思いましたが、今後外部ファイル化した時に、このことを忘れてはまる原因になりそうでしたので、一度は基本でやるということで、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptで重複排除を自分で実装してはいけない（Setを使う） - Qiita
Google SEO 101: Do’s and Don’ts of Links & JavaScript
【忘備録】Javascript : varとlet、宣言に使うべきは？スコープの違いから理解 - Qiita
ThinkFu › GIF/Javascript Polyglots
【忘備録】Javascript の関数定義の4つの方法 - Qiita
Amazon.com: Node.js API: Learn server-side JavaScript by building your own Node.js server from scratch (English Edition): Sidelnikov, Greg: Digital Ebook Purchas
Webpack 5 Module Federation — Stitching two simple bundles together
JSのモジュール機能とbabelとwebpackと - Qiita
『GitHub - blitz-js/blitz: ⚡️ The Missing Fullstack Toolkit for Next.js』へのコメント
【Nuxt.js】ESLintの設定とVSCodeで保存時に自動整形する方法 - Qiita
index.js
The Cost Of Javascript Frameworks | CSS-Tricks