Taggle.js | Sean CokerThis example is as simple as it gets. Duplicate tags are prevented by default. Use your left and right arrows to navigate between tags. You can also delete tags by pressing backspace or hovering and clicking with your mouse. HTML:
jQuery .each()のループから抜けたい。 - かもメモ
javascriptでループから抜けるときはbreak;を使います。 for(var i=0, l=myArg.length; i<l; i+=1) { if(i === 7) { // ループから抜ける break; } } jQueryの.each()を使ってループを回していた時にループを抜けたい箇所にbreak;を書いたのですがjsHintでエラーが表示されてしまいました。 どうやらjQueryのループでbreakしたい時にはreturn false;としなければダメっぽいです。 jQueryでbreak $(myArg).each(function(i, elm) { if(i === 7) { // ループから抜ける ... break return false; } // 処理 }); ついでに、javascriptのcontinueに該当するjQueryでの書き方はretur
Google Apps Scriptの開発をモダンに行う方法 - Speee DEVELOPER BLOG
株式会社Speeeの山本です。皆様、こんにちは！ 今回ご紹介させていただくのは、Speeeで実践しているGoogle Apps Script(以下 GAS) を用いたモダンな開発手法についてです。この記事を通してGASって「便利だし使えるかも！」と思っていただければ幸いです。 Google Apps Scriptとは Google Apps Scriptは、言わずと知れたGoogleが提供するサーバサイドのスクリプト環境です。 基本的にはWebブラウザを通して開発を行います。 作業効率化に威力を発揮するGAS Speeeでは特に、管理部門の作業効率化でGASを使用しているケースが多く、例えば Slackの制限付きユーザを各種チャネルに招待するアプリケーション メーリングリストの文面生成を自動化するアプリケーション Speeeラウンジの使用状況を閲覧するアプリケーション など、様々な用途でG
[JS]埋め込みはこれでOK！Google Mapも動画も音楽もコードもツイートも簡単に埋め込めるスクリプト -embed.js
Google Mapをはじめ、YouTube, Vimeo, Vine, TEDなどの動画、SpotifyやSoundCloudなどの音楽、GitHub, CodePen, JS Binなどのコードなど、さまざまなメディアをWebページに簡単に埋め込むことができるスクリプトを紹介します。 :heart:（ハート）や:smile:（スマイル）などの絵文字を使ったテキストを埋め込めます。 リンクを検出して、bit.ly, buff.ly などの短縮URLに置き換えます。 Twitterのツイートを埋め込みます。 YouTubeやVimeoの動画をAPIから取得して埋め込みます。 dailymotion, vine, TEDなどの動画共有サービスもサポート。 SpotifyやSoundCloudなどの音楽サービスもサポート。 HTML5プレイヤーにサポートされた音楽ファイル（.wav, .mp3
![[JS]埋め込みはこれでOK！Google Mapも動画も音楽もコードもツイートも簡単に埋め込めるスクリプト -embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/b29e845c6df328575d3756fb3316de2a165a7046/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016061401.png)
【速報】jQuery 3.0がリリース - 古いIE用コードが削除された新バージョン | ソフトアンテナ
jQuery開発チームは6月9日((現地時間)、jQueryのメジャーバージョンアップ版「jQuery 3.0」をリリースしました(公式ブログ)。 jQuery 3.0は2014年の10月から開発が続けられてきたjQueryの新バージョンで、互換性を維持しながらも軽量かつ高速に動作するように設計されています。v3.0では古いIEのための互換コードが全て除去されているため、IE6-8のサポートが必要な場合は、引き続き最新のjQuery 1.x系(現在の最新1.12)を使用することができます。 v3.0はメジャーバージョンアップでありながら大部分の互換性を保っており、バージョンアップしても大きなトラブルが発生しないことが期待されていますが、アップグレードをアシストするために3.0 Upgrade GuideやjQuery Migrate 3.0 pluginが準備されています。 v3.0の主な
File API入門 | 前編 File APIとFileReader APIの利用
読み込み完了時にデータを表示する とても簡単に書けます。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
Node.jsのMVCフレームワーク「Express」の基礎知識とインストール
連載目次 前回の「いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール」において、サーバーサイドJavaScript実行環境であるNode.jsについて基本的な説明を行いました。また、その周辺ツールであるnpm、Gulpを含めた環境のセッティングも行い、Node.jsを用いてMEANスタックアプリ開発ができる状態になったと思います。 本記事では上記環境を用いて説明していくので、実際にサンプルを動かしたい場合には前回の記事を読んで環境を作成しておきましょう。 今回はサーバー側のMVCフレームワーク、「Express」について解説します。 MVCフレーワーク「Express」とは 「Express」とは、Node.js上で動作するWebアプリのフレームワークです。 Webアプリを構成する上で必要な機能がそろっており、ルーティングやビューヘルパー、セッション管理の機能もデフォ
ブラウザとMIDIの出会いが拓くWebとMusicの新しい世界 - HTML5 Conference 2013 -
HTML5 Conference 2013 「ブラウザとMIDIの出会いが拓くWebとMusicの新しい世界」 河合 良哉 AMEI Web MIDI WG/ヤマハ株式会社 Web MIDI APIはWeb Audio APIと並ぶ音楽系のAPIです。あまり馴染みのないMIDIですが、Web MIDI APIを使うことであらゆる電子楽器とブラウザの接続が簡単にでき電子楽器からブラウザ上のアプリケーションを操作、また逆に、ブラウザ上のアプリケーションから電子楽器を操作することが可能です。 本セッションではMIDIの基礎、Web MIDI APIの概要、また10月末に発表された音声合成技術をハードウェアに搭載したLSI「NSX-1」を1ボードに収めたeVY1 SHIELDを使ったデモアプリケーション等のご紹介をまじえWebとMusicの世界についてお話させていただきます。
Connecting ESP8266 and IOT [Smart.js Starter Guide]
If you have come across Smart.js in forums or have heard about it in the IoT community and you are ready to take it out for a test drive, then this guide will help you get started! By way of an introduction, Smart.js is a firmware that lets you program ESP8266 in JavaScript and connect to the Internet easily. Real-time data feeds are also available from the integrated cloud infrastructure with das
![Connecting ESP8266 and IOT [Smart.js Starter Guide]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac46c71d29712aefcd06fba30c2142320183d8bf/height=288;version=1;width=512/http%3A%2F%2Fcdn2.hubspot.net%2Fhubfs%2F654443%2FBlog%2FFlashing_firmware.jpg%23keepProtocol)
ShiftJS - SwiftをJavaScriptに変換
iOSアプリの開発がObjective-CからSwiftに移り変わりつつあります。そんな中、せっかく覚えたSwiftを他でも使いたいと思うのではないでしょうか。今はiOSかMac OSXアプリ開発にしか使えないのが残念です。 そこで紹介するのがShiftJSです。ShiftJSを使うとSwiftをJavaScriptに変換してくれます。 ShiftJSの使い方 ShiftJSのデモコードです。 関数もサポートしています。 すべてのSwiftコードを変換できるわけではないのでご注意ください。そのためJavaScriptの代替言語として使えるレベルではありませんが、今後の発展次第ではSwiftでWebアプリケーションが開発できるようになるかも知れません。 ShiftJSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 ShiftJS shift-js/sh
RPGツクールMVで作ったゲームをコマンドラインで動かしてみる by manaten さん - niconare
会社のライトニングトーク用の一発ネタです。 あとでブログに記事も書く予定。
CSSStyleSheet: insertRule() メソッド - Web API | MDN
/** * Add a stylesheet rule to the document (it may be better practice * to dynamically change classes, so style information can be kept in * genuine stylesheets and avoid adding extra elements to the DOM). * Note that an array is needed for declarations and rules since ECMAScript does * not guarantee a predictable object iteration order, and since CSS is * order-dependent. * @param {Array} rules
人気上昇中のJavaScriptライブラリを調べてみた【2015年版】
altJSの人気が混戦で面白い！ 2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表。 ← 前回 連載 INDEX 次回 → こちらのページで【2016年版】も発表！ ■ 2015年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2014年中に人気が急上昇してきており、「2015年では必須の知識」となりそうなJavaScriptライブラリをランキング形式で発表する（※昨年の2014年版はこちら）。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名
htmlをjadeに変換するのに役立つwebサービス
シェアボタンを作成する場合、「 Twitterボタン」や「 Like Button」のページからhtmlを作成することが多いです。 jadeを使っている場合にサクッとこれらのhtmlをjadeに変換したいなと思って調べていたら、htmlをjadeに変換するサービスがいくつかありました。 HTML2Jade - HTML to Jade Online Realtime Converter HTML 2 Jade - a converter for HTML aaronpowell/html2jade-website githubでソースコードも公開されているのでローカルマシンで動かすこともできますね。
Formを作らずにJSでPOST送信
AタグやButtonのonclickなんかを引っ掛けてPOSTしたい場合、hidden要素しか持たない隠しformを作ったりしていましたが、Javascriptだけで処理できたのでメモ。 ※参考 HTMLでformを作らずにJavaScriptでPOST送信 /** * データをPOSTする * @param String アクション * @param Object POSTデータ連想配列 */ function execPost(action, data) { // フォームの生成 var form = document.createElement("form"); form.setAttribute("action", action); form.setAttribute("method", "post"); form.style.display = "none"; document.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
Hammer.JS - Hammer.js
HTML5動画プレイヤーを拡張させられる「jquery-video-extend」:phpspot開発日誌
Electroknit！ - Node.jsでセーターを編む方法
Chainsaw man sex scene manga
