[B! javascript] wize03のブックマーク

wize03 id:wize03

javascriptに関するwize03のブックマーク (72)

JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita
2021 / 2020 / 2019 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2020年に最もホットであったJavaScriptライブラリのランキングを発表しました。選考基準は現在のスター数ではなく、﹃2020年の一年間で増えたスターの数﹄です。過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.js、2019年の総合ランキング1位はVue.jsです。以下は2020年のランキング、2020 JavaScript Rising Starsの日本語訳です。 JavaScript ライジングスター 2020 5回目のJavaScript ライジングスターにようこそ！こ
wize03 2021/01/19
javascript

*web
リンク
Javascriptだけで値をPOSTして、ページ遷移もする方法 | OCテックノート
ちょっとした事情があって、Javascriptだけで値をPOSTし、ページ遷移もしたいなということがありました。 HTMLでタグを書いて、<input> とか<submit>とかやればいいんですが、ちょっとした値を渡したいだけなので、面倒だな、というのが事情でした。︵大した事情ではなかった︶しかし、ググっても意外と出てこないんですよ。 Googleさんが出してくれるのは、AjaxでPOSTして値を取ってきましょう　ってページばっかり…。同じページに、Javascriptでページ遷移しようみたいなのもあったりするので、Hitするんですかね。﹁それじゃ…ダメ…っ！違うっ…！HTMLでやるみたいにやりたいんだ…っ！﹂と思い、英語でググったところ、StackOverflowさんにドンピシャでありました。﹁ククク…カイジくん…！君が求めていたのは…これ…っ！﹂﹁あ…ありがてぇ…っ！！！fo
wize03 2020/11/26
ajax

javascript

*web
リンク
JS Minifier
投稿日:2015/08/21 / 更新日:2016/01/07 JavaScriptの無駄な記述を削除して、コードをMinify処理(軽量化)するツールです。使い方基本的な操作方法左側(スマホの場合は上)のフォームに、圧縮したいスタイルシートのコードを入力して、﹁Minifyをする﹂のボタンをクリックすると、右側(スマホでは下)のフォームに圧縮した結果が表示されます。圧縮のアルゴリズムには、YUI Compressorを利用させていただきました。スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。Chrome、Firefoxなど対応ブラウザの場合、整形結果をクリックするだけでコピーできます。注意事項Minifyは、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
wize03 2017/02/01
javascript

*web

*便利
リンク
実質1行でメールフォームのSPAMを防ぐjQueryスクリプト
3月にフリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンし、このサイトのサイドバーにクックパッドみたいに気軽にメッセージを送れるフォームを設置しました。しばらくは何事も無かったのですが、ある日突然大量のSPAMメッセージが送られてくるように…(●´⌓`●) 酷い時には3分〜5分に1通送られてくるし、試しに送り元のIPアドレスとホストを調べてみたら毎回バラバラなので困りました。こんな時、多くのサイトでは CAPTCHA と呼ばれる読みづらい英数字の羅列の画像を入力させることが多いと思いますが、それでは﹁気軽にメッセージを送れるフォーム﹂とは言いづらいですし、サーバーにもページを表示させるたびに毎回余計な負担がかかってしまいます。試しにWordPressのSPAM防止などに広く使われている Akismet というSPAM防止APIをメール送信スクリプ
wize03 2017/01/17
javascript

jquery

*web
リンク
jQuery tablesorter 2.0
TIP! Sort multiple columns simultaneously by holding down the Shift key and clicking a second, third or even fourth column header! Getting started To use the tablesorter plugin, include the jQuery library and the tablesorter plugin inside the <head> tag of your HTML document:  <link rel="stylesheet" href="/path/to/theme.default.css"> <!-- load jQuery and tablesorter scr
wize03 2017/01/14
jquery

*PC

javascript

*プログラミング
リンク
【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。注意: 長いです。主要な変更点は前回の記事【翻訳まとめ】jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide 全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上
wize03 2016/06/12
jquery

ajax

javascript

*プログラミング
リンク
[JS]jQueryのプラグイン100選 -2013年総集編
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクションも目立ちましたね。1ページコンテンツ用のスクロール関連パララックススクロール関連スクロールで定位置関連その他スクロール操作・補助関連スクロールバー関連レスポンシブ関連エフェクト関連ナビゲーション関連レイアウト関連画像ギャラリー関連画像拡大・配置・キャプション関連コンテンツスライダー関連カルーセル関連アニメーション関連フォーム関連コンテンツのツアー関連テキスト関連
wize03 2013/12/24
*あとで読む

*まとめ

*プログラミング

jquery

javascript
リンク
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイドがオススメです。著者このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。貢献者貢献
wize03 2013/10/24
*まとめ

*プログラミング

javascript
リンク
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。【対象者】・JavaScript でアプリケーションを構築できる方・JavaScript におけるオブジェクト指向プログラミングの実現手法や原理への理解を深めたい方・Java 的なクラスベースの言語との違いに違和感や混乱を感じてらっしゃる方
wize03 2013/07/03
javascript

*プログラミング
リンク
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
wize03 2013/05/08
javascript

*プログラミング
リンク
Introducing jQuery
jQueryって何 JavaScriptのフレームワークみんな超使ってるややこしいことが超簡単にできる John Resigってすげー人が作ってるとにかくイケてるなぜjQueryはイケてるのか超短く書ける。そう作られてる。Write Less, Do More. たくさんプラグインがある。使うの簡単。 DOM操作周りにめちゃ強い。 JavaScript始めるのにもオススメ。ブラウザごとの差異も吸収してくれちゃうブラウザ上でなんかするのに必要な機能が詰まってるプログラム書く流れ JavaScriptに限らず、大体こんな感じ。こんなん作りたい APIを調べるそれをどーやって使うのか調べるなんか難しそうだったらフレームワークとか調べる文法を知る︵大体どれも大きくは変わらない︶書いてみる APIとかフレームワークとか知らん大丈夫です。そんなん普通、調べないと知りませ
wize03 2012/04/03
jQuery

*プログラミング

javascript

jquery
リンク
【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita
2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！元ネタの投稿は現在進
wize03 2012/02/10
*プログラミング

javascript

java

ruby
リンク
会社ロゴマークデザインアーカイブ
wize03 2011/09/16
*web

*プログラミング

javascript

jquery
リンク
JavaScript なスライダーライブラリのまとめ
自分用の備忘録としてですが JavaScript なスライダーライブラリのまとめです。音量の設定とか RGB での色設定とか感覚的な数値を入力させるためのＵＩとしてぴったりなアレです。今流行のページスライダーではありません。一昔前は Flash で作られたライブラリが多かった記憶がありますが、最近では JavaScript でもできちゃいますって感じで様々なライブラリが公開されています。 Javascriptでできているスライダーありませんかね？の人力検索はてなの情報を大いに参考にさせて頂きました。基本的な考え方として、見た目は各種パーツの画像を作り込むことでどうにでも変更できます。機能的には有名どころの JavaScript ライブラリを用いていればそれほど不満が出ることも無いかと思うので、現状お使いのライブラリの系列のものを使うとムダにメモリ使用量とかライブラリ同士での汚染とか考
wize03 2011/02/10
*プログラミング

javascript
リンク
JavaScriptのデバッグTips - os0x.blog
JavaScript Advent Calendar 2010 8日目担当のid:os0xです。 JavaScriptネタは案外範囲が広くて色んなネタがあるので、毎回が楽しみですね。さて、私はデバッグをネタにしたいと思います。テストではなくデバッグです。誰かが書いたコードをメンテナンスしなきゃー、とか。jQueryプラグイン導入しようとしたけど、なんかうまく動かないーみたいなケースのおはなしです。 JavaScriptのデバッグは大変なので、多くの方が日々苦労されていると思います。なぜJavaScriptのデバッグが大変なのか少し整理してみましょう。ブラウザ依存まず、なんといってもJavaScriptはウェブブラウザ上で実行されるので、環境が一定ではありません。特定の環境だけを対象にJavaScriptを書くことは滅多にありません。PC向けではIE、Firefox、Chrome、Sa
wize03 2010/12/09
*あとで読む

*プログラミング

javascript
リンク
jQueryをよく使う人に使えそうな７つのチートシート:phpspot開発日誌
jQueryをよく使う人に使えそうな７つのチートシートがまとまっています。内容が被ってしまう部分もあると思いますが、７種類の中から自分が使いやすいものを組み合わせて置いておくと便利ですね。 ajaxブームの2005年から4年。すっかりjQueryが地位を確立してしまった感がありますね。以下のエントリを参照してください。 7 jQuery Cheatsheets For Every Designer & Developer to Have | TutZone 関連エントリボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い Google Mapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」少ないスペース内でコンテンツをグリグリスクロールさせられるjQueryプラグイン「Flips」 jQuery用のGUIコンポーネントプロジェク
wize03 2009/12/17
jquery

javascript
リンク
[JS]jQueryのプラグイン100選 -2009年総集編
2009年に紹介したものを中心としたjQueryのプラグイン100選です。カルーセル・ニュースティッカー関連ギャラリー・画像拡大関連ナビゲーション関連タブ関連パネル・ボックス関連角丸関連
wize03 2009/12/16
jquery

javascript
リンク
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」:phpspot開発日誌
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる﹁JS Bin﹂ 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる﹁JS Bin﹂というサイトを発見。ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript
wize03 2009/10/24
*プログラミング

javascript
リンク
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2024年2月のトップ50です*1。順位タイトル 1位マンションリフォーム虎の巻 2位死ぬほど嫌でした｜佐藤秀峰 3位「面倒なことはChatGPTにやらせよう」の全プロンプトを実行した配信のリンクを整理しました｜カレーちゃん 4位管理職必読順番に読むと理解が深まる「マネジメントの名著」11冊 | 日経BOOKプラス 5位メルカリで値段の「¥マーク」を小さくしたら購入率が伸びた理由、ペイディがサービス名を「カタカナ表記」にする理由など、プロダクトのマーケ施策まとめ30(2023)｜アプリマーケティング研究所 6位 7年適当に自炊してきて調味料について思ったことを書く 7位ウクライナ軍に入隊したアジャイルコーチが、さまざまなメソッドを駆使して中隊長としてのリーダーシップを実現した話（
wize03 2009/10/09
javascript
リンク
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
wize03 2009/10/05
*まとめ

*プログラミング

javascript

*あとで読む
リンク
1 2 3 4 次のページ