JavaScriptだけでファイルの保存機能を実装する
こんばんは。ファガイです。本日はJavaScriptだけでブラウザのある情報のデータを保存する機能の実装方法について書こうと思います。 概要 ローカル上だけでファイルの保存ができるようになる方法になります。 自分が作っているMarkdown-F Editorはその機能を使って保存を実装しています。 今回利用する機能はHTML5の機能なので、ブラウザによっては実装されていない可能性がありますので、注意。 確認ブラウザ IE11 Firefox GoogleChrome にて確認を取ってます。IEに関しては独自関数を使っているため、前のブラウザでは対応されていない可能性があります。 ソースコード ソース自体は結構簡単です。 var text = "テキストデータ"; var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作り
ep13 Virtual DOM | mozaic.fm
Theme 第 13 回のテーマは Virtual DOM です。 今回は @mizchi さんをお迎えして、 Virtual DOM というアイデアの本質、それが可能にした Flux というアーキテクチャ、そして各種の実装と今後の期待について、「今何が起こっているのか」、「これからどうなっていくのか」を議論しました。 Show Note Virtual DOM Virtual DOM Advent Calendar なぜ仮想 DOM という概念が俺達の魂を震えさせるのか あなたが React を使うべき理由 om ClosureScript React JSX リアルな DOM はなぜ遅いのか react-jade deku virtual-dom ractive.js React's diff algorith Flux Flux Flux アーキテクチャ覚え書き Flux とはなんだ
入門 ClojureScript
本書は、ClojureScriptを使ったクライアントサイドプログラミングの基礎を概説する書籍です。プログラミング言語Clojureとほぼ同じ 文法から、Google Closure Libraryを用いて最適化されたJavaScriptへと変換できる、ClojureScriptの魅力を紹介します。開発環境のインストール、コンパイルの方法、基本的な文法、ライブラリの呼び出し方から、関数型プログラミングの手法など、限られた内容の中でClojureScriptの魅力をお伝えします。なお本書はEbookのみの販売となります。 まえがき 1章 はじめに――ClojureScriptを使う理由 ブラウザアプリケーションの隆盛 JavaScriptの隆盛 さらに良い言語を探して ClojureScriptの登場 2章 Hello, World Leiningen lein-cljsbuildを使う 3
O'Reilly Japan - PDF構造解説
PDFの仕組み、構造を詳しく解説。PDFの技術的背景が理解でき、PDFをより柔軟かつ有効に活用する上で役に立つヒントを提供しています。日本語版独自に、新たに「第6.5章 日本語の取り扱い」を、さらにJavaScriptを使ってPDFを操作する方法を紹介する「付録A JavaScriptの埋め込み」と、電子書籍としてPDFを活用する上で役に立つ「付録B 電子書籍に便利なツール集」を追加。ロングセラー『PDF Hacks』のコンパニオンブックとして、結果をPDFに出力するアプリケーション開発の担当者、PDFについてより深く知りたいユーザ等に最適の一冊です。 目次 訳者まえがき まえがき 1章 はじめに 1.1 簡単な歴史 1.1.1 ページ記述言語 1.1.2 PDFの開発 1.1.3 PDFのメリット 1.1.4 ISO規格 1.1.5 特殊なPDF 1.1.6 各バージョンの概要 1.2
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita
結論: Javascriptの乱用をやめるのが一番。 はじめに書いておきますがしょうもない話です。 結論、開発者としてはどのような方向性でやるべきか、を書いています。 JS多い時代でのフレームワークの根本的な問題云々のことは書いてません。 さて、現状、モバイルにおいて、Javascriptでまともに動くものを作ることは難しいです。 Twitterから引き抜いた超優秀なWebエンジニアを多数抱えるMediumですら、未だにモバイルで多数のバグを抱えています。 超優秀なエンジニアを世界一抱えているであろうGoogleのGmailですら、モバイル版のWebはすぐクラッシュします。また、自前スクロールに致命的なバグも抱えています。 正確には「UIが不審な挙動をする」ですが、エンドユーザにとっては同じことで、「バグ」です。 サーバサイドで起こるバグと同じ程度、いやそれ以上に、サービスに影響を与えます
marquee - hitode909の日記
marqueeタグ，最近人気ないけど，かわいいので，使っていきたい．今日の日記もmarqueeにすることにした．あなたの意図に反してこの文字が流れていたら私の意図通りこの文字が流れていると言える．フィードリーダーとかではmarquee出せない気がするので，わざわざ元のページ開いて見てほしい．現実世界には，あまり流れる文字ない気がするけど，巻物とかがんばって巻くとmarqueeになる．本はmarqueeじゃなくて，Page Downという感じだから，あまりもう紙では見ることない気がする．身近なmarqueeとしては，新幹線とか乗るとmarquee見れる．自分が新幹線作ることを考えると，乗客にmarqueeを見せ続けて便利というのは不気味だから，新幹線考えた人は偉い．普通は乗客にmarquee見せようと思わないと思う．あと京都駅の駅前に防災情報みたいな電光掲示板が設置されてて，そこでmarqu
JS: The Right Way
Hey, you! This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices. Despite the name, this guide doesn't necessarily mean "the only way" to do JavaScript. We just gather all the articles, tips, and tricks from top developers and put it here. Since it comes from exceptional folks, we could say that it is "the right way",
Perl 初心者がとある JavaScript コードを読むための基礎知識 - あらびき日記
この記事は abicky.net の Perl 初心者がとある JavaScript コードを読むための基礎知識 に移行しました
Javascriptを書きたくないヒ トのためのPythonScript
6. ブラウザでのPython実行方法 1. javascriptでpythonを実装する 1. <script type= text/python ></ script> 2. pythonで書いてjavascriptにコンパ イルする 1. 実行されるのはjavascript 1. sass -> css 2. jade -> html
AngularJS ― Superheroic JavaScript MVC Framework
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
CSSのセレクタ部分(IDやCLASS)にハイフンとか使われるの好きじゃないなー。ボクはあまり好きじゃないなー - latest log
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
