私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
WebページのタイトルとURLをワンクリックでコピーするBookmarklet - Qiita
やりたいこと タイトル+URLをリンクの形式でコピーしたい。 各サービスでフォーマットがバラバラなのでいちいち覚えたくない。 あと、Ctrl+Cもめんどくさいので、bookmarkletを押すだけでClipboardにコピーしたい。 ※2017-09-01: 実装、タイトル、説明内容を見直して修正しました。 ※2021-03-27: 実装修正しました ※2022-02-21: Twitterのページで動作しない問題に対応しました ※2023-06-12: execCommandが非推奨なため、Clipboard APIで実装しなおしました 参考にさせてもらったページ JavaScript で指定したテキストをクリップボードへコピーする方法 javascript - Replace multiple characters in one replace call - Stack Overflo
タイトルとURLを色々なフォーマットでコピーできるブックマークレット
タイトルとURLを色々なフォーマットでコピーできるブックマークレット 2016.02.18 （最終更新：2026.01.24） ブログ Markdown ChatWork Textile JavaScript HTML ドキュメンテーション 約1500字 普段から愛用していて、あらゆる作業効率を地味にアップさせてくるリンク共有用のブックマークレットを紹介します。Wiki・チャット・チケット・資料の作成が捗ります! ちなみに、ブックマークレットとはブラウザのブックマークに登録して使う、ちょっとしたJavaScriptコードのことです。 参考: 知ってそうで知らないブックマークレットの仕組みと使い方（と便利な11点まとめ） ｜ ライフハッカー［日本版］
タイトル・URL・選択テキストをコピーする Bookmarklet - white croquis
Twitter やブログなどで Web で見つけた記事を紹介したいときなど、WebページのタイトルとURLを簡単にコピーできると便利です。個人的に以前から使っていた方法ですが、Safari, Chrome, Firefox, IE など、ブラウザを問わず Bookmarklet を使ってこれを行う方法を少しまとめてみました。 今回は開いてるWebページから次の6パターンで文字列を取得する Bookmarklet を紹介します。 タイトル + URL タイトル + URL + 選択テキストを引用 選択テキストを引用 + タイトル + URL Markdown 記法のリンク はてな記法のリンク HTML 形式のリンク Firefox の "Make Link" Add-on は便利だけど… 現在、Mac と Windows を両方かつ複数バージョン使っていて、ブラウザも Safari, Fir
JavaScript in 14 minutes
Since you've already learned Web design in 4 minutes, it's time to dive into the Web's main programming language: JavaScript. It looks like you're on a mobile device tablet! 😱 But fear not! 😊 While this tutorial is not optimized for this platform, I still made it readable enough for you to enjoy. You should however revisit it on a desktop later if you can, to experience all the features! Anyway,
イントロダクション
「はじめようJavaScript」シリーズは、プログラミングが初めての方向けのJavaScriptの基本を学ぶためのコンテンツです。 このシリーズでは、kintoneやGaroonをカスタマイズするための必要な基礎知識に焦点を絞って説明しています。 JavaScriptを網羅的に学習したい方には、外部のサイトや書籍等での学習をおすすめします。 なお、JavaScriptを実行する環境には Google Chrome の開発者ツールを使用しています。 このシリーズを学習し終えると、次のことが理解できるようになります。 JavaScriptでできること、HTMLやCSSとの関係性 HTMLやCSSの「要素」「属性」「セレクタ」の意味 JavaScriptにおける、変数や関数の宣言、条件分岐や繰り返し処理の書き方 JavaScriptライブラリとそのメリット 同期処理と非同期処理の違いや、非同期
Atsushi's Homepage 〜 Bookmarklet を作ってみる
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
第62回 HTML5とか勉強会スペシャル ー ブラウザ、次世代Web標準の最新動向とか - TECH PLAY
※ 適時休憩を挟みます。 ※ 内容は変更される恐れがあります。 セッション Microsoft Edge Deep dive 日本マイクロソフト株式会社 デベロッパーエバンジェリズム統括本部 物江 修 Windows 10 には Internet Explorer とともに新しく開発された Edgeという 2 つの Web ブラウザーが搭載されています。 このセッションでは Edge に焦点をあて、開発の経緯、新機能、これからのロードマップや情報の入手方法など、深く掘り下げて紹介します。 Mozillaとブラウザゲーム Mozilla Japan 清水智公 いまさらブラウザゲー？いやいや最近は、ブラウザでも重厚なゲームを作れるようになってきてますよ。WebGLやWeb Audio、各種の Workers、そしてasm.js と Web Assembly。これらの技術が重厚なゲームの実現を可
JavaScriptで「OS」を開発した猛者が現れ、ブラウザ内にデスクトップ環境を構築できる「OS.js」が話題に！ : うえぶはっく
その名もズバリ「OS.js」というJavaScriptライブラリです。 誰かのイタズラかと思いきや、使ってみるとブラウザの中にもう1つ別のパソコンが起動しているような感覚になり、その完成度の高さに驚かされます。 APIも提供されており、「OS.js」で起動したデスクトップ環境用のアプリケーションを自分で開発することも可能になっているのは面白い点でしょう。
Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita
もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば scroll mousemove, touchmove devicemotion 辺りですよ。 で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？ そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？ 重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe
<script async>でJavaScriptの非同期読み込みを - fragmentary
JavaScriptファイルをスクリプトから非同期で読み込むパターンは古い、という話を目にしたのはもう半年前のこと。 言ったのはIlya Grigorik。月末のGoogle Japanでのイベント、月初のHTTP2ConferenceにくるWebパフォーマンス界のすごいひとですよ。 Script-injected "async scripts" considered harmful - igvita.com 件のパターンは、スクリプトで動的に script を生成して、そこに読み込みたいJavaScriptファイルをぶっこんで読み込むというもの。 <script> var script = document.createElement('script'); script.src = "//somehost.com/awesome-widget.js"; document.getEleme
レスポンシブイメージのネイティブサポート - HTML5 Rocks
<picture> <img src="image.jpg" alt="A description of the image."> </picture> If there is no img element nested inside the picture element, the picture element won't work. Like the srcset attribute, the picture element will update the value of the src attribute in that img element. The difference is that where the srcset attribute gives suggestions to the browser, the picture element gives commands
Choosing Vanilla JavaScript
A lot of JavaScript developers out there, myself included, love jQuery. And rightly so! Like any great tool, it makes our lives easier. When building something with a large amount of front-end code, like a robust site or application, jQuery is a powerful ally. However, if you’re building a small- to medium-sized library, you should seriously consider using vanilla JavaScript. Sometimes it makes se
CSS vs. JS Animation: Which is Faster?
How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps? This article serves as a point-by-point walkthrough of how JavaScript-based DOM animation libraries, such as Velocity.js and GSAP, are more perfor
jQuery が 1.12 以降のブラウザサポートについて発表。 IE6/7 のサポートは 1.12 まで
jQuery 公式サイトにて、年内にリリース予定の jQuery 1.12 以降のブラウザサポートについて、1.12 が IE6/7 をサポートする最後のリリースになると発表しました。 Browser Support in jQuery 1.12 and Beyond ： Official jQuery Blog 以前、この Blog でも書きましたが、jQuery 2.x 系はすでに IE6/7/8 のサポートはしていません。1.x 系がレガシーブラウザをサポートするバージョンですが、1.12 までは現在の最新版である 1.11 同様、IE6/7/8 をサポートするものの、次バージョン （2015年リリース予定） の 1.13 では IE8 以降のみのサポートとなります。 What's Changing? There are no firm dates, but we plan on r
サイバーエージェント、ブラウザ向け音声ライブラリ「boombox.js」をOSSとして公開 | RBB TODAY
サイバーエージェントは2月19日、ブラウザ向けのサウンドライブラリ「boombox.js」を、スマートフォンサービス開発のためのオープンソースとして、GitHubで公開した。 ブラウザでサウンドを鳴らすには、「HTMLAudio」「WebAudio」「HTMLVideo」が一般的に利用されることが多いが、APIの呼び出し方法やブラウザサポートなどが統一されていない。「boombox.js」は、「HTMLAudio」「WebAudio」「HTMLVideo」のオーディオ関連APIを包括して、一貫性のあるAPIとして提供するライブラリだ。「boombox.js」は、ブラウザ向けゲーム「なぞってピグキッチン」などのサービス開発でも採用されている。 オーディオ関連APIを統一したインターフェイスで提供し、ラジカセ（boombox）のようなシンプルな操作で利用することが可能となる。ブラウザが非アクテ
JavaScript Promises、CSS変数、Quartz ComposerのプラグインOrigamiなど海外WEBテク20本を一挙公開
JavaScript Promises、CSS変数、Quartz ComposerのプラグインOrigamiなど海外WEBテク20本を一挙公開 斉藤 祐也（株式会社リッチメディア） 斉藤祐也の海外WEBテク定点観測＜Issue.9: 2013/12/01-2013/12/31＞ 今月の定点観測は、JavaScriptにおけるPromises実装について、CSSの変数(Custom Properties)、Quartz ComposerのプラグインOrigamiなど合計20件の記事や動画などを紹介します。 注目ニュースピックアップ JavaScriptにおけるPromises実装について – HTML5 Rocks 原題: JavaScript Promises: There and back again これまでJavaScriptの『限界』であるシングルスレッドを解決するために、コールバ
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Developer Toolsを使いこなそう！
Firefox を使ってみよう
