PWA入門！JavaScriptで簡単に高速化＆オフライン対応のWebサイト制作チュートリアル！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、基本的な機能を持った簡易的なPWA（Progressive Web Apps）対応サイトをフレームワークなどを使わず素のJavaScriptで作ってみたいと思います。 主に、スマホのホーム画面からアプリのように起動したり、サービスワーカーを使ってオフライン対応や表示の高速化などを試していきましょう。 誰でも今すぐ実践できる内容なので、PWAに興味がある方はぜひ参考にしてみてください！ ■開発環境について 早速プログラミングを始めたいところなのですが、その前に1つ注意点があります。 オフライン対応やキャッシュによる高速化を実現するには「サービスワーカー」を利用するのですが、これにはSSL対応のサーバー環境が必要になります。 すでに環境が整っている方は問題ありませんが、そうでない方やサーバーを用意するのが面倒だという方はオンラインコードエデ
JavaScriptで遊ぶ3Dゲーム！独自のステージも作成可能な「CodeQuest」で遊んでみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回はJavaScriptでプログラムを書いてプレイヤーを操作する3Dゲームのご紹介です！ 大きな特徴として、3Dのステージを自作できる機能が提供されており、誰でも簡単に自分好みのステージを作成して楽しむことができます。 プログラミングの学習教材としても利用可能なので、ご興味ある方はぜひ参考にしてください。 【 CodeQuest 】 ■「CodeQuest」の使い方！ それでは、「CodeQuest」をどのように使えばいいのか詳しく見ていきましょう！ まず最初に【Sign Up】ボタンをクリックして無料のユーザー登録を済ませておきます。 メールアドレスとパスワードを入力しましょう。 ユーザー登録が完了したら、画面上部にあるリンクをクリックしてください。 次のようなダッシュボード画面が表示されたら準備完了です！ この画面からチュートリアルを試し
JavaScriptで独自機能も追加できる無料のWebデザインエディタ「Vev」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、直感的な操作で高度なWebデザインを誰でも実現できるサービスをご紹介します。 Webサイトを構成するインタラクティブなコンテンツが豊富に用意されており、それらを組み合わせるだけで最適なWebサイトを誰でも簡単に構築できます。 また、提供されていないコンテンツや機能などは、JavaScriptで好きなように拡張できる設計になっているので無限の可能性も秘めています。Webサイトの作成にご興味ある方はぜひ参考にしてください。 【 Vev 】 ■「Vev」の使い方 それでは、「Vev」をどのように使えばいいのか詳しく見ていきましょう！ まずはトップページの黄色いボタンから無料のユーザー登録を済ませておきます。 利用可能なメールアドレスを入力してエンターキーを押してください。 すると登録したメールアドレス宛に、ログイン用のリンクが送付されるのでク
ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ
2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML
CodeCombat - Coding games to learn Python and JavaScript
Learn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.
すごい便利になった！javascript入門の基礎知識と小技まとめ
作成：2013/12/24 更新：2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること １．リファレンス スクリプトの書き方／基礎知識 ２．スクリプトの記述 ３．文字列／特殊文字 ４．演算子 ５．オブジェクト ６．プロトタイプ ７．イベント ８．変数 ９．if文 １０．配列 １１．連想配列 １２．正規表現 １３．デバッグ できること １．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
RTP Gacor = Slot Online gacor Gampang Maxwin RTP Tinggi
Petir108 ialah situs slot online gacor yang gampang menang dengan RTP tinggi hingga 99% untuk membantu memaksimalkan kemenangan para member baru maupun lama. Situs Slot ini dirancang dengan fitur-fitur yang mendukung pemain untuk mencapai Maxwin atau kemenangan maksimal dengan peluang yang tinggi. RTP (Return to Player) situs slot peti108 yang dirancang lebih tinggi dari rata-rata situs slot onlin
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方Read less
JavaScriptベースのEPUB 3リーダーが相次いで公開「Readium.js」と「Epub.js」。いずれもオープンソースで
JavaScriptベースのEPUB 3リーダーが相次いで公開「Readium.js」と「Epub.js」。いずれもオープンソースで Webブラウザを用いJavaScriptで実装をしたEPUB 3リーダーが相次いで公開されました。1つはEPUB 3を策定したIDPF（International Digital Publishing Forum、国際電子出版フォーラム）が後押しするEPUB 3リーダーのリファレンス実装開発プロジェクトのReadiumが発表した「Readium.js」、もう1つは、米Berkeley大学による「Epub.js」です。 どちらもgithubでオープンソースとして公開されています。 電子書籍のフォーマットとして策定されたEPUB 3は、HTML5/CSS3などのWeb標準がベースになっています。そのため、EPUB 3リーダーはWebKitなどのWebブラウザのレ
次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【公式】ぷよぷよeスポーツ×プログラミング
http://javascript.erizo.net/