お手軽スライド作成 @siguremon /twitter /github /Qiita reveal.jsって HTMLで書けるプレゼンツールです reveal.js - The HTML Presentation Framework -- 特徴 スライドが横だけでなく、縦にも配置できる Overviewがみれて、プレゼンの途中で行ったり来たりできる(Escキー) コードスニペットが書ける上にsyntax highlightもしてくれる Pdfにも出力できる reveal.jsの簡単な使い方 このページが詳しいので以下略 (reveal.jsで作ったスライドによる説明) reveal.jsを使ってみた スライドを作る でもhtmlをせっせと書くのはめんどくさい… hamlとかmarkdownで書けるといいなー -- 同じようなことを考えた先人たちがいました Reveal.jsとMarkd
HTML,CSS,JS,Perl,PHPなどの各ソースコードをWebサイト上に綺麗に再現。 NetyaSun ソースコード表示 ホームページ 作成、運営、管理ガイド 行番号や各行背景色で見やすい ソースコード ビュー ライブラリ SyntaxHighlighter エディタのようにWebサイト上に綺麗にソースコードを表示する方法。 ソースを書くプロ達や未来の開発者のための学びの場である HTML,CSS,JS,Perl,PHPなどのマニュアル・解説サイトなどで、 PREソースコードを行頭番号付きでカッコよく表示するソース ビューア SyntaxHighlighter SyntaxHighlighter:Download ソース上にオンマウスで の操作タブがソースの右上に表示されるようになった。 ソースを別窓ビュー表示したりクリップボードに保存や印刷も可能な優れものです。 <?xml ve
<DOCTYPE html> <html> <head><title>Presentation</title></head> <body> <script src="http://gnab.github.io/remark/downloads/remark-latest.min.js" type="text/javascript"></script> <script type="text/javascript"> var slideshow = remark.create({sourceUrl: "sample.md"}); </script> </body> </html> スライドの操作 j 次のスライド(→ ↓ PgDown Space) k 前のスライド(← ↑ PgUp) c スライドの clone f フルスクリーン p プレゼンモード h ヘルプの表示 ※ Firefox の
読み込み完了時にデータを表示する とても簡単に書けます。HTMLは最初のものと同じです。 var inputFile = document.getElementById('file'); var reader = new FileReader(); function fileChange(ev) { var target = ev.target; var file = target.files[0]; var type = file.type; var size = file.size; if ( type !== 'image/jpeg' ) { alert('選択できるファイルはJPEG画像だけです。'); inputFile.value = ''; return; } reader.readAsDataURL(file); } function fileLoad() { consol
Join 150K+ monthly readers. In-depth articles on Node.js, Microservices, Kubernetes and DevOps. We get asked about Node.js best practices, tips all the time – so this post intends to clean things up, and summarizes the basics of how we write Node.jsNode.js is an asynchronous event-driven JavaScript runtime and is the most effective when building scalable network applications. Node.js is free of lo
Promiseは非同期処理をベースにした並列処理の実装方法の一種です。Promiseでは並列処理の各タスクが必ず1回実行されることが保証され、タスクとタスクからの結果を取得する処理を分離することできます。また、タスクの並列処理/直列処理をユーザーが自由に制御することができます。 ECMAScript Language Specification 6th EditionにPromiseが追加されたことから、しばらくの間JavaScriptの非同期処理に関する話題の中心はPromiseになると思われます。 Node.jsでも既にPromise対応したモジュールも多く、Promiseでのみ非同期処理を提供しているモジュールも存在します。Promiseを使用する機会は今後必然的に増えていくでしょう。 今回のエントリーでは、Node.jsでPromiseを使用する方法を説明します。コード例を中心に理
本連載は、テストコードをこれから書こうと考えているJavaScript技術者を対象に、テストコードの意義からテスト駆動開発、JavaScriptでのテストコードの書き方、継続的インテグレーションなど、テスト全般にわたって解説します。また、原理原則だけでなくWhyから説明し、チームメンバーを巻き込みながら開発現場に活かせる考え方を総合的に解説します。第6回目の本稿は、JavaScriptでテストを動かし、JSCoverでカバレッジを取得する方法を説明します。 対象読者 JavaScriptの基本をある程度理解している方 テストコードをこれから書こうと考えている方 カバレッジとは ソフトウェアをテストする際の重要な基準の一つに、カバレッジというものがあります。カバレッジとは、テスト対象のコードの中で、テストが行われた割合のことをいい、パーセントで表現します。カバレッジ率は、いくつかの基準で取得
JavaScriptが登場したのは1995年。「Netscape Navigator 2.0」というWebブラウザに実装されたのが最初です。当初は「Webページに動きを付けるもの」という程度にしか見られていませんでした。むしろJavaScriptを使ったWebページは、当時の非力なパソコンでは処理の負荷が高く、忌み嫌われることすらありました。 そんなJavaScriptが脚光を浴びるようになったのは、JavaScriptで高機能なWebページを実現する「Ajax」(Asynchronous JavaScript+XML)という技術が登場したのがきっかけです。米GoogleがAjaxを使って実現した「Gmail」や「Googleマップ」といったサービスが、JavaScriptの実力を世に知らしめました。JavaScript自体に大きな変化があったわけではなく、潜在的に持っていた本来の能力が認
以前は、パソコンのソフトといえばハードディスクにインストールして使うのが当たり前でした。ところが、米Googleのメールサービス「Gmail」や地図サービス「Googleマップ」といった画期的なWebアプリの登場をきっかけに、インターネットを通じて提供されるWebアプリが広く使われるようになってきました。こうしたWebアプリを実現するための技術が「HTML5」と「JavaScript」です。本特集では、HTML5時代にふさわしいJavaScriptについて解説していきましょう。
「Javaの高速化の方法」というページに、次のような高速化手法が書かれていました。 文字列がNULLかどうかの判断は IF文を使用せずに 例外処理NullPointerException で置き換える if文の場合です。 if(obj == null) { /* process */ } try/catchの場合です。 try { /* process */ } catch (NullPointerException e) {} たまにこういう謎の高速化手法を教えてもらうのですが、どうしてもすぐには信じられないので少し調べました。 ifとtry/catchのオーバーヘッドは? Stack Overflowに、ドンピシャな質問がありました。 Java if vs. try/catch overhead 読んでみると、「例外処理は例外的な処理に使うものだから、通常のフローでnullになるような
Video: http://www.nicovideo.jp/watch/1410857293 Here's the showdown you've been waiting for: Node.js vs Play Framework. Both are popular open source web frameworks that are built for developer productivity, asynchronous I/O, and the real time web. But which one is easier to learn, test, deploy, debug, and scale? Should you pick Javascript or Scala? The Google v8 engine or the JVM? NPM or Ivy? Grun
九章第一回 オブジェクト指向とはこのページの最終更新日:2017年9月7日 九章では、DOMから少し離れてオブジェクト指向について解説します。 オブジェクトそのものについては、一章で少し解説しました。では、オブジェクト指向とは何なのでしょう。 オブジェクト指向とは何かというのは諸説ありますが、大まかにいうと、プログラムをいい感じに部品に細分化し、部品の組み合わせでプログラムをつくるというものです。このそれぞれの部品がオブジェクトというわけです。この章では、このような考え方のもとオブジェクト指向を実践するための言語機能を紹介します。 なので、これらをオブジェクトとして作り、それを使ってプログラムを作ればよいのです。ちょっとやってみましょう。 var yuusha = new Object(); yuusha.name = "勇者"; //勇者の名前 yuusha.power = 10; //
春のJavaScript祭りで発表した資料です http://javascript-fes.doorkeeper.jp/events/14171Read less
【スタイル】は東京都渋谷区でホームページ制作を行うウェブ制作会社です。ウェブサイト制作、SEO対策、ウェブマーケティングなどを承っています。良質テンプレートでの格安ホームページ制作プランもあります。
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く