絶対完全無料ツールの紹介

エンジニア目線のブログです

javascript

#11 CSSのテクニックを使えばJavascriptなしで実現できて速度もUP

youtu.be 今回はCSSの話をしたいと思います。普段はあまり重要でないと思われているcssですが、ベストプラクティスを知らないとネットワークリソースを浪費したり、無駄なコーディングをすることにつながるのでとても重要です。 1.javascriptよりcss2.CSSス…

#6 インラインと外部スクリプトと圧縮の速さを比較

www.youtube.com 今回はインラインと外部スクリプト、外部スクリプトを圧縮した場合の構成を比較検証していきます。 インラインのデメリットはキャッシュできないコードのサイズが大きいの2点 圧縮なしの外部スクリプトのデメリットはコードのサイズが大き…

#5 現場でVueJS好きのエンジニアが脱jQueryの議論する事が多いので作成

www.youtube.com 今回はVueJSとjQueryを比較した話です。 比べる対象ではないかもしれないですが、jQuery派とVueJS派でソースコードの書き方が変わってきてよく現場で話されているないようなので比べていきたいと思います。 jQueryのデメリットは2点DOM操作…

スクレイピング

スクレイピングといってもいろいろな種類があります PHPでいうSimple HTML DOM Parserはヘッドレスのスクレイピング PythonのSeleniumで偽ブラウザで動かすスクレイピング Chromeの拡張を利用したJavascriptなどさまざまです それぞれのメリットデメリットを…

jquery .getJSONがiphone safariで動かない!!

$('#search_click').click(function() {var search = $('#search_val').val();if(search == ''){return;}var param = {ver : '8' };$.getJSON(url_1,param,function(dictionary) {for (var i = 0; i < dictionary.length; i ++) {var postion = dictionary[i…

jqueryでpostする時のclassの書き方

jQueryでpostしてその結果をjsonで受け取ってバリデーションエラーか正常にPOSTされたかを非同期で表示するとき。 例html:<div id="csrf"><input type="hidden" value="" ><span></span></div> js:var param = {csrf : $('#csrf input').val(),}; …

javascript get URIの引数

URIをjavascriptでパラメーターとして受け取りたかったので こんな関数見つけました。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf(‘?’) + 1).split(‘&’); for(var i = 0; i{ hash…

javascript で作るゲームサイト

node.js + enchant.js でゲームを作ろうと設計を考えたら、根本的なセキュリティホールに気付いた。 得点をクッキーでも変数でもクライアントで保存すると書き換えられるという事、当たり前といえば当たり前だけども、、、 セッションIDを作って、得点とひも…