alertの代替手段を提供するSweetAlertSpring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
『JavaScriptの開発効率を高める7つのライブラリ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
highlight.js
192 languages and 496 themesAutomatic language detectionWorks with any HTML markupZero dependenciesCompatible with any JS frameworkSupports Node.js and DenoCurrent release: 11.9.0 #!/bin/bash ###### CONFIG ACCEPTED_HOSTS="/root/.hag_accepted.conf" BE_VERBOSE=false if [ "$UID" -ne 0 ] then echo "Superuser rights required" exit 2 fi genApacheConf(){ echo -e "# Host ${HOME_DIR}$1/$2 :" } echo '"quote
JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い | 圧縮電子精神音楽浮遊構造体
2011年12月17日土曜日 JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い JavaScript Advent Calendar 2011 (オレ標準コース) 17 日目、polygon_planet です。 ずっと Advent Calendar 参加してみたいなぁと思ってたんですが ネタが思いつかない日々で半分諦めてたんですが、考え過ぎな気がしてきたので 別におもしろい記事でもないし、技術的にも参考になるのか不明ですがとりあえず書きます。 もしかしたら同じようなこと解説してる記事がすでにあるかも…(うまく検索できてない) JavaScript で無名関数をその場で実行するとき、 (function() { // 処理 })(); という書き方が主流っぽいですが、 (function() { // 処理
javascript - 関数名の取得とtypeof()の再々発明 : 404 Blog Not Found
2011年12月07日03:30 カテゴリLightweight Languages javascript - 関数名の取得とtypeof()の再々発明 な、なんだってー!? はてなブックマーク - kamisetoのブックマーク constructor.nameを見ればいいんじゃなの？違うのかな？ そんなおいしいプロパティなんて、あったっけ? MDNの中で逢った、ような… constructor.name?そんなのJavaScript: The Good Partsどころかサイ本でも見たことねーぞ。でもconsoleつついたら確かに使える… 見つけました。 Function - MDN name Non-standard The name of the function. Non-standard, Non-standard, Non-standard、だと!? 実際いろいろ嗅ぎ回ってみ
SQLとJSONをNode.js上で組み合わせた新言語「ql.io」をeBayが公開
eBayが、JavaScriptアプリケーションからSQL文のような形式でデータベースへの問い合わせを記述できるDSL（ドメイン固有言語）のql.ioを発表。オープンソースとして公開しました。 現在、多くのWebアプリケーションが、バックエンドとのデータのやりとりにHTTPをベースにしたAPIを用いています。しかし、WebベースのAPIによってデータを取り出すのは、プログラマにとって実は手間のかかることです。 例えば、キーワードを入力すると関連する商品の名前、詳細、購入者の評価をユーザーに表示する、というWebアプリケーションでは、まずキーワードでデータベースを検索して商品IDを取得し、今度はその商品IDをキーにして名前や概要、評価の情報を取得する、といったように、APIを繰り返し呼び出す必要があります。 ql.ioはこうした内容をSQLのように分かりやすい記述で実現するだけでなく、複数の
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
Underscore.js はもっと評価されていい - present
Backbone.js が注目されがちですけど、Backbone.js を支えている Underscore.js も、実はかなり便利なライブラリです。公式サイトを見ると、よさげなメソッドが盛りだくさん。 Underscore.js 私自身はまだ Backbone.js のついでに使っている段階ですけどね。 Underscore.js が提供するメソッドは数が多いので、今回はよく使ったものに絞って取り上げてみます。それ以外は公式ドキュメントを見てください。 each test("each", function() { var data = []; _.each(["foo","bar","hoge","fuga"], function(n){ data.push(n); }); equals(data.length, 4); equals(data[0], "foo"); equals(da
Navigation TimingとCanvasを使ったページロード時間の可視化
こんにちわ。開発チームのkoyaです。 今回はどんなネタがいいかなと思っていたところ、Measuring Page Load Speed with Navigation Timingという記事でNavigation TimingというAPIがあることを知りました。 Navigation Timingはウェブアプリケーションのパフォーマンスを計測できるJavaScriptのAPIです。 JavaScriptのAPIなのでCanvasと組み合わせて取得したデータを表現してみたらおもしろいかと思いやってみました。 はじめに、Navigation Timingについて簡単に紹介します（元記事により詳しい情報があるので興味を持たれた方は是非そちらを読んでみてください）。 その後、Canvasを使ってNavigation Timingの情報をグラフ化してみます。
rememberthemilk.jp - rememberthemilk リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
XSSはソースコードのリトマス試験紙 - がるの健忘録
いやまぁ何カ所かで偶然「ほぼ同じ話」をしていたので、ちと自分の脳内整理を兼ねて。 一言で結論を書くと「ようは割れ窓理論」って話です。 とりあえず、お題は「XSSは非常にまずい」と。 その辺の「おいちゃん的思考」を、だらりんこんと書いていきたいと思います。 …って、細かく書くとすげぇ長くなったので(文章支離滅裂になったので全部消したｗ)、割と端的に。 かみ砕いて。 「セキュリティホールがある」ってのはまぁそもそもとして「知識不足の可能性」を疑うべきではあるのですが、まぁそのあたりは適宜「学んでいただく」として。 そこから先、少なくとも「実務」の場合、「costその他との天秤」が待っているですだよ。 えと…具体的に。 「そこそこしゃれになっていない」セキュリティホールがあると仮定します。 もしそれが「10分程度で修正可能」であれば、これをやらないケースというのは、あんまりないと思います(あんま
DHTML - 最低限文化的なスライダーの実装 : 404 Blog Not Found
2011年09月30日01:30 カテゴリLightweight Languages DHTML - 最低限文化的なスライダーの実装 デザイニング・ウェブインターフェース Bill Scott / Theresa Neil 浅野紀予・高橋信夫訳 [原著:Designing Web Interfaces] たかがスライダー、されどスライダー。 [追記:IE対応しました]RANT スライダーって便利ですよね。 スマートフォンやタブレットなどのタッチデバイスだとなおのこと。 HTML5では、<input type="range">だけで出来てしまいます。こんな風に。 50/100 モダンなPCブラウザーならすでにサポートしてたりします。 ところがこれ、まだiOSもAndroidも現状未サポートなのですよorz。FireFoxも。iOSは5で対応しましたが。 というわけで必要最小限で、かつタッチイ
最近気になっているJSライブラリ - 射撃しつつ前転 改
時間があったら調べたいんだけど、無いのでリストアップだけ。 EaselJS html5のcanvasだと一旦描画したオブジェクトの移動とかできないので、シーングラフを管理してくれるっぽい感じのライブラリ。 paper.js EaselJSと似たような感じ。どっちがいいのかわからない。 d3.js グラフ描画ライブラリっぽい。なんかいろんな種類のグラフが描ける。グラフがかっこいい。 now.js 複数のクライアントでデータを通信するコードを簡単に書くためのライブラリ。チャットとかがすごい簡単に作れる。
グーグルから「JavaScriptは根本的な問題を抱えている」とのメモがリークか
グーグル社内で昨年の11月に関係者に送信されたとされるメモが公開されています。ただしグーグルは真偽について何もコメントしていません。 [Caja] Fwd: "Future of Javascript" doc from our internal "JavaScript Summit" last week - Mark S. Miller メモには、「JavaScriptは単なる言語の進化では修正できない根本的な問題を抱えている」とあります。同社は来月「Dart」と呼ばれる新言語を発表する予定で、このメモはその背景を説明したものではないかと推測されています。 内部メモはメールで送信されており、タイトルは「 "Future of Javascript" doc from our internal "JavaScript Summit"」。2010年11月16日付けです。非常に長いので、サマリ
Effective JavaScriptをPDFにしました - renoivのブログ
[twitter:@bleis]さんのつぶやきを見て，ここにあったのか！という驚きでした。 2003年頃の記事ですがJavaScript 1.5 (Mozilla 1) ベースなので，まだ参考になると思います。 Googleドキュメントに置きましたので必要な方はどうぞ！ Effective JavaScript - Dynamic Scripting.pdf Powered by Google ドキュメント HTMLアーカイブもGithubに置きましたので，こちらも必要な方はどうぞ。 https://github.com/renoiv/EffectiveJavaScript 参考 Effective JavaScript - Dynamic Scripting Wikipedia JavaScript バージョンとブラウザの対応表
Firefox 9、「型推論エンジン」をついに統合 - JavaScriptさらに高速化 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable Firefox 9ナイトリーに「Type Inference」がマージされたことが報告された。説明によればJavaScriptの実行においてすでに優れた性能向上が確認されており、Krakenで1.44倍の高速化、V8バージョン6で1.3倍の高速化が実現したという。Firefox 9はFirefox史上もっともJavaScript処理が高速なブラウザになりそうだ。マージが進めばFirefox 8でこの機能の恩恵を受けられる可能性もある。6週間というリリーススケジュールの通りに作業が進めば、Firefox 9は12月20日に、Firefox 8は11月8日に登場だ。 「Type Inference」はBrian Hackett氏が開発した型推論エンジン。JavaScriptプログラ
jQuery で ;(function () ...と、セミコロンで始めることがあるのはなぜか - わからん
追記 たくさん反響があって驚きました。念の為書いておくと、私はこの記事で仕組みを解説しただけで、このようなノウハウに賛成も反対もしていません。追記はここまで。 azu さんのつぶやきで知った、Dangers of anonymous function closures が、例がよいのに説明が少ないので、ここで丁寧に解説します。なぜ、 jQuery で ;(function () ...とセミコロンで始めるコードがあるのかがわかります。 次のサンプルの実行結果を想像して下さい。 var foo = function(bar) { console.log("foo"); return bar; } (function(){ console.log("bar") })(); 結果は "foo bar" を印字します。多くの場合、これは意図しない挙動だと思います。"bar" だけだと思いませんか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでGitを実装するKickstarterプロジェクト、28時間で資金調達
HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
