jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです
jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです JavaScript Advent Calendar 2017 - Qiitaの2日目の記事です. 何故この記事を書こうと思ったか JavaScriptの定番ライブラリであるjQueryは, 最近以前と比べて必要とされなくなってきました. その理由はよく, Reactなどの他のフレームワークが登場したせいだと勘違いされています. しかし, jQueryが必要とされなくなってきた理由は標準DOM APIの進歩によるものです. この記事ではそれを書いていきます. なお, この記事ではReact Nativeについて触れる必要がないため, React DOMのことも一緒くたにReactと記述します. また, 私がweb開発を開始したのは3年前ぐらいから
フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。
Home > 便利なツール > フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。 たいへん遅ればせながら、とある本で「Aptana」の存在を知って、気になって使ってみたら、すごーい！便利！デザインもかっこいい！アプタナって名前も可愛い！これが無料とか信じられない！と、真夜中に一人テンションが上がってしまい、翌日見事に寝坊した私です。 まだ入れたてほやほやで、使いこなしているわけではないのですが、もしまだご存じない方がいたらおすすめしたいなーと思って、書いてみました。 はじめに 同じようにAptanaの記事を書いてくださっているブログもいくつか拝見したのですが、古い記事が多く、現在のバージョンや方法とは少し異なる点があったので、あらためて書いてみようと思いました。つまり、この記事も執筆時点（2012年2月）のものですので、
Aptana
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
Building Visual Studio Code on a Raspberry Pi 3
I picked up a Raspberry Pi 3 recently for MarchIsForMakers. The Raspberry Pi 3 is a great starter computer for makers not just because it is faster than the Pi and Pi 2, but because it has Wifi built in! This makes setup and messing around a lot easier. Here's some great tutorials for getting started with the Raspberry Pi, Node, and Visual Studio Code. Visual Studio Code Jumpstart for Node.js Deve
10年遅れたJavaScriptの知識をざっくり10分でアップデートしよう
久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？ モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは
JavaScriptでクリップボードにコピー（Chrome/Firefox/Safari10〜/IE9〜） - yuw27b’s blog
※2022/4/19追記：ここで使っている仕様は古くなり、非推奨になっているため、新しい記事を書きました。そちらを参照してください。 「クリップボードにコピー」はJavaScriptのみでは不可能だと、昔に思い込んだままだったのですが、HTMLの各種APIとJavaScriptを組み合わせることで、ほとんどのブラウザで実現できるようになってきたようです。 HTMLとJavaScriptのコード <p class="copyTarget">コピーしてもらいたいテキスト</p> <button class="copyBtn">クリップボードにコピーする</button> function copyText () { var $target = document.querySelector('.copyTarget'); if (!$target) { return false; } var r
JavaScriptでクリップボードに文字をコピーする(ブラウザ) - Qiita
2020/12/18 Clipboard API でコピーする方法を追記 2019/1/18 CSSによって選択できない場合があったので対応 2017/11/1 改行がコピーできてなかったのでpreをつかうように変更 2017/10/31 編集 Clipboard API でやる方法 clipboard API を使うと簡単に実装できます。 ただし、https じゃないと動かないようです。 参照: https://developer.mozilla.org/ja/docs/Web/API/Clipboard サンプル <textarea id="textarea">Hello, World!</textarea> <button type="button" id="button">コピー</button> document.getElementById('button').onclick
Chrome 43からcutおよびcopyコマンドが使えます - Qiita
Chrome 43から、選択されたテキストをクリップボードにコピーしたり切り取ったりする機能が利用可能になります。Chrome拡張機能からは前から使うことができていましたが、Chrome 43からは普通のWebページからも利用することが可能です。HTML5Rockの更新情報にてアナウンスされていましたので、早速日本語訳してみました。ぜひご活用ください。 原文: http://updates.html5rocks.com/2015/04/cut-and-copy-commands Cut and Copy Commands IE10やそれ以上のバージョンは、Document.execCommand()メソッド（ https://www.google.com/url?q=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FAPI
君はHTML5の contentEditable 属性を知っているか ｜ Tips Note by TAM
知っている方には、すみません。 HTML5 には contentEditable という属性がありまして、この値が true だと、その要素はブラウザ内で編集可能となります。 ちょっと試してみましょう。 <div contentEditable="true">ここは編集できる</div> ↑ ここは編集できるのです。(ただの <div> 要素なのですが！) 編集内容はどこかに保存されるわけではないので、ブラウザをリロードすれば元に戻ります。 body要素に contentEditable 属性をつけてみる さきほどのボタンでは、クリックすると JavaScript が実行され、<body> 要素の contentEditable 属性を変更しています。結果、ブラウザで表示されるすべてが編集可能になるのです。 JavaScript コードはこんなかんじ。 javascript:(functi
JavaScriptでクリップボードの貼り付けに対応する[HTML5のClipboard API/contenteditable]
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> // キャンバス var src_canvas; var src_ctx; // イメージ var image; // ブラウザ判定 var clipboard_flg; if((!window.navigator.msSaveBlob) && (window.navigator.userAgent.toUpperCase().indexOf('CHROME') != -1)){ // chrome clipboard_flg = true; }else if((window.navigator.msSaveBlob) && (window.navigator.userAgent.toUpperCase().indexOf('CHROME') != -1)){ //
![JavaScriptでクリップボードの貼り付けに対応する[HTML5のClipboard API/contenteditable]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4af1465cf1036f95b1b69f4c0702e72611933727/height=288;version=1;width=512/https%3A%2F%2Fwww.petitmonte.com%2Fimages%2Fog_image.jpg)
JavaScriptでゲームを作ろう！おすすめ学習本5選 | 侍エンジニアブログ
こんにちは！侍ブログ編集部（@samuraijuku）です。 「JavaScriptでゲームを作りたい！」 「ゲームを作れるサンプルが書いてある書籍が知りたい！」 プログラミングはゲームやアプリを作りながら学ぶのが一番です。 なぜなら、飽きずに長続きするからです。 そこで今回は、JavaScriptで行う、ゲームプログラミング入門書籍で「特におすすめできる本」を5冊まとめました。 楽しく効率的に進める為に是非ご参考下さい。 JavaScript習得にゲーム制作が効率的な3つの理由 成果物が明確 プログラミング学習を初めて挫折する人に多い原因の一つが、目的が曖昧なことです。 目的が曖昧になることで、やるべきことや、やりたいことも曖昧になります。 すると、何かでつまずいたときに、学習することが嫌になってしまうんです。 しかし、「ゲームを作る」という目的をまず明確にすることによって、ゴールも明確
JavaScript による日付・時刻・時間の計算・演算のまとめ - hoge256ブログ
JavaScript でいろいろな日付の計算関係をまとめてみました。前回の日付関係のまとめエントリの JavaScript版です。 日付の単位について 基本的なことですが、一応まとめておきます。 1秒は1000ミリ秒 1分は60秒 1時間は60分 よって 1時間=60分=3600秒=3600000ミリ秒 1日=24時間=1440分=86400秒=86400000ミリ秒 現在時刻の取得 まずは、最もよく使う処理です。 //今日の日時を表示 var date = new Date(); document.write(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.get
window.openerプロパティ - JavaScript（ジャバスクリプト）リファレンス
サンプルの動作について 「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開き、「①」の右横に「ウィンドウを開きました。」と表示する。 新しく開いたウィンドウ内の「このウィンドウを閉じる」ボタンをクリックすると、新しく開いたウィンドウを閉じ、このウィンドウの「②」の右横に「ウィンドウを閉じました。」と表示する。 サンプルのソースコード <script type="text/javascript"> var $sampleWindow; function openSampleWindow() { $sampleWindow = window.open( 'http://alphasis.info/wp-content/uploads/2013/07/javascript-windowObject-opener.html' ); $sampleWindow.opener.do
3DSブラウザ用コンテンツ
任天堂から発売されているゲーム機3DSで動作するブラウザ(NetFront® Browser)で閲覧するためのWebページです。 JavaScriptを使用して、ゲームなどのコンテンツを作るにはどのようにすればよいか検証していきます。 ゲーム テトラブロック 15パズル 修正2011.10.15 サンプルプログラム キャラクタを歩かせる 複数キャラクタ表示(DIVタグ) 複数キャラクタ表示(CANVASタグ) スクロール表示(window.scroll) 動作テスト 画面サイズ 980px 画面サイズ 320px キー入力イベント マウス入力イベント Cookieによるデータ保存 インターバルタイマの最小間隔 回転拡大縮小による地形表示 データスキームURI 更新2011.10.04 ページスクロール 部分スクロール new IFRAMEタグ 更新2011.10.24 画像の回転 色深度
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
JavaScriptでカーソルの位置に文字を挿入 その２ - デブネコ ミサの備忘録
このマイナーなブログに「javascript textarea 挿入」で辿り着かれる方が多いみたいですし、前回この題で書いた時はソースを書かなかったのでで少し書いてみます。これってあまり選択の余地はないと思いますけどね。簡単にする為に、「セレクトメニューで選んだ文字列をテキストエリアのカーソルがある位置に挿入する」ということで話を進めます。まずは以下のソースのHTMLを書いてください。 <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="insert.js"></script> </head> <body> <select id="letters" onchange="insert()"> <option>ABC</option> <option>DEF</option> <option>GHI</option
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Komodo Edit - ActiveState
ComputerworldとCIO Magazineは閉鎖しました
Amazon.co.jp: :
Maruta