download - JavaScriptで簡単にファイルダウンロード実行
Webアプリケーションなどでファイルをダウンロードさせたいと思ったことはないでしょうか。別なタブで開いて自分で保存してくださいというのは格好悪いです。ZipなどであればWebブラウザ任せですが、画像などはそうはいきません。 そこで使いたいのがdownloadです。とても簡単で使いやすいダウンロードライブラリです。 downloadの使い方 テキストの場合です。文字列、data、Blob、ファイル指定と様々な方法が用意されています。 download("hello world", "dlText.txt", "text/plain"); download("data:text/plain,hello%20world", "dlDataUrlText.txt", "text/plain"); download(new Blob(["hello world"]), "dlTextBlob.txt
TypeScript/JavaScript/Pythonの自動言語変換の話 - Qiita
この記事はGWアドベントカレンダーの「なにか新しいことにチャレンジするカレンダー」の5/6記事です。 APIを策定し、SDKを作る側になると、どの言語に対応するかという悩みが出てきます。 SDKを作る労力は最小限にしたいので、できればどれか一つの言語で作ったらそれを他の言語に自動変換したいですよね。 自動変換できる！！とまでは行かないものの、結構惜しいところまで出来てるんじゃないかなというライブラリをまとめてみました。 ※どのライブラリも惜しい！もう一歩！ というところで、完全に自動変換は難しそうでした。9割自動変換→のこり1割手動で治す みたいなやり方であればうまくいきそうです。 JavaScript -> TypeScript Javascriptの6割の人はTypeScriptも使ったことがある・・・みたいな話もありますが、旧いライブラリはまだJavaScriptですよね。移行コスト
next.js の AMP mode を使って静的サイトを作る
この記事は amdxg を作りながら, next.js で AMP に対応したときにやったことです。 コードはこちらです amdx/packages/ssg at master · mizchi/amdx AMP について Google の推奨する HTML のサブセット仕様です。制約付きのインライン CSS のみ + 一切の JS が書けず、代わりに動きがあるものは amp plugin を使って記述します。 モバイルでは、Google の検索結果画面からは GoogleCDN 上のキャッシュが返却されるので、非常に高速に開くことができます。 (⚡ マークが AMP 対応の印) モバイルに限らず、ある種のベストプラクティスの強制なので、PC でも AMP 対応することに意味はあります。 この記事では、実際にこのブログのための SSG を作る過程で、どのように next.js 上で AMP
ECMAScript 6ドラフトのDiff検索用リポジトリを作った
タイトルから何を言ってるのか意味わからない気がするので順を追って解説。 スライド版: ECMAScript 6 Draft Hisotry Repo 2015-05-07現在、ES6の仕様はApril 14, 2015 Rev 38 Final Draftが公開されています。 Rev38とわかるようにドラフトは38回ぐらい更新されていて、ちょっとづつ追記されたり変更されたりして結構な変更履歴があります。 Growing #ECMAScript 2015(ES6) Drafts :) pic.twitter.com/tV60cjdmM8 — azu (@azu_re) May 3, 2015 これだけ長い間(4年ぐらい?)やってるとある時点では正しかったかもしれないけど、最終版では違うものになってるという挙動があったりします。 例えば、class構文で以下のようにして定義したmethod()
webpack@5で入るModule Federationについて - 技術探し
Module Federation(以下 mfe)は webpack@5 から入る新しい仕組みの一つです。 Proposal Merge Proposal: Module federation and code sharing between bundles. Many builds act as one · Issue #10352 · webpack/webpack This is a proposal to merge my existing work into the Webpack core. The base concept is federated application orchestration at runtime. What I hope will provide a new era for how we build apps at s... 目的 アプリケーションを
AWS AmplifyのチュートリアルでJavascript(React)の環境を構築する - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? いつも忘れないように、コンセプトから。 ###コンセプト ・お金かけてまでやりたくないのでほぼ無料でAWSを勉強する →ちょっとしたサービスを起動すると結構高額になりやすい。 ・高いレベルのセキュリティ確保を目指す →アカウントを不正に使われるととんでもない額を請求されるので防ぐ 前回は「AWSサーバーレスのWebアプリケーションをもっと勉強する」でいろいろ考察してみました。実際に触って試していきたいと思います。 ###まずはクライアントサイドから 実際に触って確認していくのですが、クライアントサイドの実装を選択します。前回も書きました
プログラミング言語、Kotlinの開発者数が高い増加率--JavaScriptはトップ維持
Liam Tung （Special to ZDNET.com） 翻訳校正： 石橋啓一郎 2020-05-05 08:30 世界には現在、活動中のソフトウェア開発者が2040万人おり、その半数以上がJavaScriptか、Microsoftが開発した「JavaScript」のスーパーセット言語である「TypeScript」を学んでいる。 これは、調査会社SlashDataが、2019年11月～2020年2月にかけて159カ国の開発者1万7000人を対象に行った調査のレポート「Developer Economics 18th Edition」で明らかにした数字だ。 SlashDataの推計によれば、現在世界にはJavaScriptを使用している開発者が1220万人いる。Googleがメンテナンスしている「AngularJS」や、Facebookの「React」、「Vue.js」などの、資金が
JavaScriptからJavaへの道 - Qiita
ひょんなことからJavaScriptエンジニア(JavaScript経験者)がJavaをやることになった際、ぶつかった問題点・注意点・苦労などを備忘録として残しています。 基本スタンスとしては、JavaScriptとJavaの違いをJavaScript側から記載しています。 #環境構築の違い ##JavaScriptの場合 まず入り口と言いますか敷居が違います。 JavaScript(以下、JSと省略)なら、ブラウザとメモ帳(エディタ)さえあればOKです。 いずれも標準装備で、JSを試すだけならブラウザのコンソール上で叩けばいいので、メモ帳すらいらないです。 これは結局のところJSは、もともとHTMLにアクションを加えたいがためにブラウザ内に処理系を載せた、インタプリタ方式のスクリプト言語であるという特徴に由来するからです。 ##Javaの場合 一方のJavaはコンパイラ方式のプログラミン
HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」 - かちびと.net
Alpine.jsはHTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワークです vue.jsやreact.jsといったフレームワークのリアクティブ且つ宣言的な性質を低コストで提供してくれる、というもの 開発者はTailwind.cssのJS版のようなもの、と説明しています Alpine.jsでは13のディレクティブと、5のマジックプロパティと呼ばれるものを使う事が出来ます。Vue.jsとほぼ同じ機能を使える、という認識で良いと思います <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v1.10.1/dist/alpine.js" defer></script> ↑ まずはスクリプトを読みこみます 試しに何か作ってみましょう <div x-data="{selected:nul
1行のコードで使えるJavaScriptユーティリティのまとめ・「1loc」 - かちびと.net
1locは1行のコードで使えるJavaScriptユーティリティをまとめているプロジェクトサイトです。名前は1行のLOC (line of code)という意味のようです スニペットのまとめページ、みたいなもの。配列やDOM、数や文字列の扱いや他にも様々なスニペットが紹介されています 覚えておくと地味に便利そうですね。Githubでも公開されているのでフォークして自分用スニペットを追加できるようにもなっています favorite JavaScript utilities
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)を使って開発
JavaScript Primer 迷わないための入門書
JavaScript Primer 迷わないための入門書 azu, Suguru Inatomi アスキードワンゴ 3,344円 (3,040円+税) 変化に対応できる基礎を身につけよう! JavaScriptは激しく変化している言語です。このような変化に対応できる基礎を身に付けられるよう、単に書き方を解説するのではなく、プログラミングの現場で直面する問題を自分自身で解決するのに必要な調査方法についても焦点を当てています。 関連サイト本書の関連ページが用意されています。 JavaScript Primerを出版しました！/JavaScript Primerはなぜ書かれたのか？ | Web Scratch内容紹介変化に対応できる基礎を身につけよう! 本書の「第1部 基本文法」では、JavaScriptの文法と機能について、実際の利用方法を示しながら解説しています。また「第2部 ユースケース」
モダン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
すぐにAPIを体験！public-apis 100以上のJavaScript axiosサンプル集
はじめに このページは、プロトアウトスタジオのAPIにつなげる授業に関連して、よりAPIの多様さ、広がりを深掘りします。 まだ、JavaScriptに慣れていなくても「なるべくシンプルにAPIを体験する」ことを目指して、 public-apis というフリーで使えるAPIを集めてリストにしているサイトから、手順が少なくAPIにつなげられるシンプルに取得できるものを中心に、直接取得できるURL・Node.js axios await/async ソースコードを一つ一つトライしています。 慣れてきたら、自分で public-apis のサイトを直接読んでみて、巡ってみましょう！ APIピックアップ数 最終更新日 2020/6/8 104 個のAPIをピックアップ中！ 参考資料 public-apis の豊富なAPIリストをベースにAPIつなげていきます。 ピックアップルール 手順が少なくAPI
JavaScript Primerを出版しました！/JavaScript Primerはなぜ書かれたのか？
この3つの原則は書籍の構成にも現れています。 第一部の基本文法で「書き方」を学び、第二部のユースケースで「作り方」を学べるようになっています。 「学び方」は、章としてではなく全体的な流れとして取り入れることにしました。 なぜなら、「学び方」自体は学びたいことによっても異なる方法を取る場合があります。 そのため、「学び方」で個別の章とするよりは、他の章で「書き方」や「作り方」と一緒に見たほうがよいと考えたためです。 たとえば、基本文法などの学び方にはMDNのようなリファレンスサイトを見たほうがいいし、 アプリケーションの作り方は実際のサイトなどを参考にしたほうがよいためです。 第一部と第二部がどのように書かれたのかをざっくりと振りかえってみます。 第一部: 基本文法 第一部: 基本文法はJavaScriptの基本的な文法について扱っています。 プログラミングの入門書で文法については避けること
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Javascript for Babies (Web Design for Babies): Sterling Publishing Co., Inc.: 本
Markdownベースのプレゼンテーション・エディタ「Slideas for Mac」が、次期アップデートで「reveal.js」フレームワークをサポートしHTML形式での書き出しが可能に。
WebアプリケーションのJavaScriptをTypeScriptに置き換えたい - Qiita
【忘備録】Javascript : varとlet、宣言に使うべきは？スコープの違いから理解 - Qiita
JavaScriptで重複排除を自分で実装してはいけない（Setを使う） - Qiita
