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
Stuart Sierra, Luke VanderHart 著、福嶋雅子、株式会社トップスタジオ 訳 本書は、ClojureScriptを使ったクライアントサイドプログラミングの基礎を概説する書籍です。プログラミング言語Clojureとほぼ同じ 文法から、Google Closure Libraryを用いて最適化されたJavaScriptへと変換できる、ClojureScriptの魅力を紹介します。開発環境のインストール、コンパイルの方法、基本的な文法、ライブラリの呼び出し方から、関数型プログラミングの手法など、限られた内容の中でClojureScriptの魅力をお伝えします。なお本書はEbookのみの販売となります。 まえがき 1章 はじめに――ClojureScriptを使う理由 ブラウザアプリケーションの隆盛 JavaScriptの隆盛 さらに良い言語を探して ClojureScr
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
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 結論: Javascriptの乱用をやめるのが一番。 はじめに書いておきますがしょうもない話です。 結論、開発者としてはどのような方向性でやるべきか、を書いています。 JS多い時代でのフレームワークの根本的な問題云々のことは書いてません。 さて、現状、モバイルにおいて、Javascriptでまともに動くものを作ることは難しいです。 Twitterから引き抜いた超優秀なWebエンジニアを多数抱えるMediumですら、未だにモバイルで多数のバグを抱えています。 超優秀なエンジニアを世界一抱えているであろうGoogleのGmailですら、モバ
marquee - hitode909の日記
marqueeタグ，最近人気ないけど，かわいいので，使っていきたい．今日の日記もmarqueeにすることにした．あなたの意図に反してこの文字が流れていたら私の意図通りこの文字が流れていると言える．フィードリーダーとかではmarquee出せない気がするので，わざわざ元のページ開いて見てほしい．現実世界には，あまり流れる文字ない気がするけど，巻物とかがんばって巻くとmarqueeになる．本はmarqueeじゃなくて，Page Downという感じだから，あまりもう紙では見ることない気がする．身近なmarqueeとしては，新幹線とか乗るとmarquee見れる．自分が新幹線作ることを考えると，乗客にmarqueeを見せ続けて便利というのは不気味だから，新幹線考えた人は偉い．普通は乗客にmarquee見せようと思わないと思う．あと京都駅の駅前に防災情報みたいな電光掲示板が設置されてて，そこでmarqu
와세다스포츠 스포츠중계 - 무료중계, 해외축구중계, 야구중계, NBA농구중계, MLS중계, F1생중계, 실시간 스포츠
스포츠중계 티비 사이트 시청방법 전 세계에서 펼쳐지는 다양한 종목의 라이브를 실감 나게 즐기기 위한 스포츠중계 시청 방법은 매우 간편합니다. 별도의 복잡한 절차 없이 실시간으로 업데이트되는 전 종목 스포츠경기 리스트를 즉시 확인하실 수 있습니다. 시청을 원하는 매치를 선택하는 것만으로도 고화질 스트리밍 화면에 다이렉트로 연결되며, 이는 유료 OTT의 대안을 찾는 팬들에게 가장 최적화된 스포츠무료중계 환경을 제공합니다. 특히 PC뿐만 아니라 모바일에서도 끊김 없는 실시간중계를 감상할 수 있도록 반응형 플레이어를 지원하고 있습니다. 이동 중에도 해외축구중계나 야구, 농구 등의 경기를 놓치지 않도록 데이터 최적화 기술이 적용되어 있으며, 브라우저만 실행하면 바로 시청이 가능한 시스템입니다. 누구나 쉽고 빠르게 이
Perl 初心者がとある JavaScript コードを読むための基礎知識 - あらびき日記
この記事は abicky.net の Perl 初心者がとある JavaScript コードを読むための基礎知識 に移行しました
Javascriptを書きたくないヒ トのためのPythonScript
ブラウザでの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ページを開く
