このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
脱初心者のためにこれだけは知っておきたいJavaScriptネタ
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
JavaScript デバッガの使用方法 | Firefoxの開発ツール
JavaScript デバッガ (JavaScript Debugger) JavaScriptのコードにブレークポイントを設定して、ステップ実行などを行えます。名前が同じで混同しそうですが、JavaScript Debugger (Venkman) ではありません。 SyntaxErrorなどのエラーが含まれるファイルは、デバッグできません。目的のファイルをJavaScript デバッガで見つけられない場合には、ブラウザコンソールでエラーが発生していないか確認します。 基本 起動方法 JavaScript デバッガは、そのデバッグ対象によって起動方法が異なります。それぞれ[Firefoxボタン]のメニューから、 Firefoxで実行しているWebコンテンツ … 【Web開発 → デバッガ】 Firefoxのシステム関連 (アドオンなど) … 【Web開発 → ブラウザツールボックス (ブ
JavaScriptで画像やテキストにモザイクをかける方法【SPOILER ALERT!】
ネタバレなど掲載する際、画像やテキストにぼかし処理をしておき、ユーザーが自由に解除できるコンテンツをJavascriptで作る。
Use web workers to run JavaScript off the browser's main thread | Articles | web.dev
In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has remained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and running our JavaScript. As a result, the main thread has become incredibly overworked. And as web apps g
Handsontable - WebでExcel並のテーブル機能を実現
Webアプリケーションで必ず要望にあがるのがテーブル表示の表計算ソフトウェア並の機能ではないでしょうか。たとえばヘッダーの固定であったり、ソート、インライン編集といった機能があげられます。 そんな要望の大半をこなせそうなのがHandsontableです。Handsontableを組み込むとグリッドの表示、編集がまさにExcel並になるはずです。 Handsontableの使い方 Handsontableでは表計算ソフトウェアでは実装されているような多数の機能を実現しています。データの保存処理については別途実装がいりますが、表示はHandsontableにお任せです。業務システムのデータ表示に使ってみてはいかがでしょう。 HandsontableはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 Handsontable - jQuery gri
即時関数のメリットと主な用途｜もっこりJavaScript｜ANALOGIC（アナロジック）
即時関数の構文 即時関数はスコープを汚染せずに新たなスコープを作成するための唯一の手段 即時関数が使われるケース まとめ JavaScriptには「即時関数」という構文があります。即時関数は関数を定義すると同時に実行するための構文で、この即時関数を使ってコードを書いたことのある方も多いのではないかと思います。 JavaScriptに慣れている方にとっては「何を今さら」といった書き出しかもしれませんが、私はこの即時関数を初めて知った時、その必要性がイマイチ見出せませんでした。それは、「関数を定義と同時に実行するのは分かるけど、別に普通に関数を定義して、その関数を呼び出せばいいじゃん」って思ったからです。 確かに、一度しか使われないような関数をいちいち名前付きで定義してそれを呼び出すというコードは冗長的かもしれません。そのような場合は即時関数を使った方がよりスマートなコードになるでしょう。です
What's this -- いまさら聞けない JavaScript の this
JavaScript の this は関数定義時に決まるのではなく、関数の呼び出し方によって変わることを解説します。
Post by @ficc-workbook · 1 image
使い方は簡単なのでありがたい。 GitHubから「jquery.xdomainajax.js」をDLしておき、以下の様なHTMLを書いて保存して実行。 ファイルを開けば、実行され他ドメインのサイトの内容が表示されます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>クロスドメイン突破してみるん</title> <!-- jQuery 読み込む --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- jquery.xdomainajax.js を読み込む --> <script src="jquery.xdomainajax.js"> </script> <sc
JavascriptBattleのルールを日本語訳してみた - Qiita
ミラー JavascriptBattle という AI を作って戦わせる系のゲームを発見して、結構面白そうだったので遊んでみている。 参加するのは簡単で、Javascript Battle から Github のアカウントで Join できる。Join したら、JavascriptBattle/hero-starter を fork して、hero.js を書き換えて push すれば OK。 最初は hero.js でコメントアウトされている移動関数を書き換えて試していくとなんとなく掴める。とはいえ、ルールをちゃんと分かってないと AI つくるもなにもないので、ちゃんと読むついでに日本語訳してみることにした。合ってるか分からないので誰かチェックしてもらえると嬉しい。いつでも PR あげてください。 ルールとしては結構単純で、自分がなるべくダメージくらわないように敵ヒーローを殴るプレイか、
JavaScriptのアラートを手軽に綺麗に表示するプラグイン『SweetAlert』が良さげ - あのねノート。
2014-10-03 JavaScriptのアラートを手軽に綺麗に表示するプラグイン『SweetAlert』が良さげ まとめ JavaScriptのアラートは古臭い？ JavaScriptのalert()関数は、エラーやメッセージを伝える手段として開発者としては便利です。ただビジュアル的にどうでしょうか。多くの訪問者はこれを見ると何らかの古臭さを感じるはずです。(ブラウザももうほんの少しだけかっこよく表示してもいい気がする。) SweetAlertで解決 大抵のサイトは新しさを出したい(はず)。そこで『SweetAlert』を使いましょう。『SweetAlert』はアラートをかっこ良く見せるJavaScriptプラグインです。 使い方 <script src="lib/sweet-alert.min.js"></script> <link rel="stylesheet" type="te
[JavaScript] サニタイジング(エスケープ) メソッド
「"サニタイジング jquery"」などのような検索ワードで当ブログへのアクセスが沢山ありますので、JavaScript や jQuery でサニタイジングメソッドを実装してみました。 JavaScriptでエスケープ function htmlentities(str) { return String(str).replace(/&/g, "&") .replace(/"/g, """) .replace(/</g, "<") .replace(/>/g, ">"); }分かりやすいように上記のように書きましたが、以下のように短くできます。 function htmlentities(str) { return String(str).replace(/&/g, "&").replace(/"/g, """).replace(/</g, "
![[JavaScript] サニタイジング(エスケープ) メソッド](https://cdn-ak-scissors.b.st-hatena.com/image/square/d12b868fdc600373854955accb0e9fe91a92123d/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20131021184513.png%3Fts%3D3b7bb5d057ccb684e9cd87dd2edf49b440cd4386)
サーバサイドエンジニアでも押えておきたい！コアJavaScriptの基本知識 - Qiita
はじめに WEBアプリケーション開発において ブラウザ側 で何かをしたい場合、ブラウザで唯一動作する言語といっていい JavaScript を触らざるを得ません。ただ JavaScript は理解してしまえば難しくないものの、 サーバサイド側の言語と違う特徴 (特に関数まわり) があるため、慣れないうちは混乱することが多いのかなと思います。 私もまだ JavaScript を学び始めて日が浅く（本職はサーバサイド側のエンジニア）、また JavaScript での業務経験もそれほど豊富ではないのですが、 サーバサイドエンジニア側の視点 で、とっかかりとして これだけ知っていれば 理解が捗るだろうというものを挙げてみました。 ですので必ずしも網羅性はなく、ブラウザに関する機能（クライアントサイドAPI）についても触れていません（対象はコアJavaScript言語《ECMAScript5相当》）
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【javascript】やさしいクラスの作り方 - Qiita
alertの代替手段を提供するSweetAlert
JavaScriptの「this」は「4種類」？？ - Qiita
JavaScriptはオブジェクトについて参照渡しだなんて、信じない - Qiita
http://www.jstarted.com/article/000260.shtml
大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
