Logicky BLOG

Logickyの開発ブログです

  • Javascript
  • Python
  • PHP
  • Go
  • OS・サーバ
  • 機械学習
  • つくったもの
  • 数学
  • アルゴリズム
  • Logicky

Javascript

jquery テキストエリアの自動拡張

http://www.jacklmoore.com/autosize/ $(document).ready(function(){ $('textarea').autosize(); }); これだけで自動拡張してくれる。便利。

jquery checkbox全て選択

3回目から動かなくなったのでメモ <script> function all_select(){ if($(".all_select:checked").val()){ $('.delete_checkbox').prop('checked', true); }else{ $(".delete_checkbox").attr("checked", false); } } </script>

Ajaxのときのローダーgif画像がつくれるサイト

http://www.ajaxload.info/ http://loadergenerator.com/

javascriptを整形してくれるサイト

http://jsbeautifier.org/

HTML5 File API デスクトップからブラウザにファイルをドロップしてアップロード

デスクトップからブラウザにファイルをドロップできるようにしたい。 参考 Reading files in JavaScript using the File APIs Drag and DropとFile APIを試す はまちーのにっき。 File APIと、FormDataというのを使った。ちょっとごちゃごちゃしてるけど、do…

cakePHP2.3 Ajaxな投稿画面の処理例

Jsヘルパー使ってAjaxなフォームをビューでつくる コントローラーで処理してAjax用ビューに渡す Ajax用ビューを表示先の要素に表示する 以上でございます。 Ajaxなビュー Form->create('JobFile',array('type'=>'file'));?> <table> <tr><td>送受信タイプ</td><td>Form->input('type'</td></tr></table>…

cakePHP 2.3 JsヘルパーでAjaxなsubmitボタン

Js->submit('登録',array('update'=>'.add_result','url'=>'/vendors/add', 'with'=>'#add_form','class'=>'btn btn-primary'));?> Js->writeBuffer(array('inline'=>false));?> updateが、かえってきた内容の表示先。withは、対象formの指定。 これで、コン…

cakePHP 2.3 Buttonをクリックしたら別ページに飛ぶ(onClick)

<button onclick="location.href='<?php echo $this->html->url('/buildings/add/' . $customer_id);?>';">物件追加</button>

cakePHP 2.3 AjaxなPagination

はまりにはまったができた。 コントローラー class CustomersController extends AppController { public $components = array('RequestHandler'); public $helpers = array('Js','Paginator'); public $paginate = array( 'limit' => 5, 'order' => array( …

jQuery AjaxとSpinnerの使い方

$(function(){ //追加と検索の表示切替 $('.add_btn').click(function(){ $('#add').toggleClass('none'); $('#result').toggleClass('none'); }); //追加の登録ボタンを押したとき→登録処理 $('.put_btn').click(function(){ put_customer(); return false;…

コールセンターの必要席数試算(アーランCと稼働率の関係)

コールセンターの必要席数を試算するときに、アーランを使う場合と使わない場合があると思います。 アーランを使う場合と使わない場合とで必要席数が大きく異なる場合、アーランを使わない場合に利用されている稼働率という指標を適当に設定しているケースが…

JavaScriptのDate関数を試してみる

date関数は、getYearすると、1900年からの差分を返すようです。とほほにはブラウザによって変わると書いてあるが、Chromeは少なくともそうなっていますし、アンドロイド&titaniumもそうなようです。 setYearをdd.setYear(dd.getYear()+1);といった形でやる…

Titanium とAppcelerator Cloud Services(BaaS)

ついに腰を据えてとりあえずTitaniumをやることに決めました。iPhoneでもAndroidでもアプリをJavascriptベースで作れるもので、Phonegapとかよりも速いらしい。Appcelerator Cloud Services(ACS)というBaasを自社で持っているため、Titaniumとの連動性が高い…

ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」を使ってみる

ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」で知った、gmaps.jsを使ってみます。 まずここで、ダウンロードします。ソースコードをコピペしてgmaps.jsを作成しました。ところで、google map APIはあまり使ったことがないので、とりあえず…

JavaScriptでアーランCによりコールセンターの必要席数を計算する

アーランC式は下記になります。 アーランC式はこのページのように、別の計算方法もありまして、別の方法だと待ち時間をインプットするようですが、上記の式は待ち時間のインプット不要バージョンです。アーランC式がなぜこのような式になるのかは全然分かり…

CSS - jQueryで垂直中央に配置する

jQueryを使ってボタンを親要素の高さの真ん中に配置したいと思います。単純なことですが、ちょっとはまったので、切り出して試しました。cssでheightを100%にするの忘れてたり、jQueryでtopを設定するときに'px'の2文字を入れ忘れたりしていただけでしたが…

jQuery+CSS3サンプル

jQueryとCSS3を使ったサイトのサンプルを作ってみました。 jQueryをちょっとばかにしてたけどかなり色々できて面白い。スマホだとIE対応等の為に重くなっているらしいので、もっと軽いjQueryみたいなやつが沢山でているそうです。同じような使い方であること…

jQuery - メニューをマウスオーバーしたら色変える

非常に簡単な話ですがメモ。大体jQueryも分かってきたのですが、cssの設定方法などもいくつかパターンがあるようで、あとbackground-colorという記載が通常のcssの表記法だと思うのですが、jQueryの場合は、backgroundColorだったりしてなんかややこしい。多…

Javascript - GETリクエストパラメータを取得する

window.location.search.substringで取得できる。 取得したものは正規表現やsplitで必要なところを取り出す必要がある。 下記はidがキーのパラメータの値(数字)を取り出す様。 var query = window.location.search.substring(1); if(query.match(/id=(d+)/…

ミクロ経済学

『この世で一番おもしろいミクロ経済学』を読んだ。超分かり易かった。ただ広く浅くで超概要しかわからない。 サンクコスト(sunk cost) サンクコストは埋没費用ともよばれ、すでに投資済みのコストのことをいいます。あるいはすでにやってしまったことをい…

HTML5 - Canvas 円同士の衝突アニメーション

See the Pen Collision animation between circles by edo1z (@edo1z) on CodePen.

cakePHP - RequestHandlerとJSONレスポンス

RequestHandler ★RequestHandlerコンポーネント★ RequestHandlerコンポーネントを使うと、クライアントの状態をチェックできる。GETによるアクセスなのか、POSTによるアクセスなのか、Ajaxによるアクセスなのか、などが分かる。 RequestHandlerを使うには、…

線分と線分の交差判定

線分と線分の交差判定をしたい。線分abと線分cdの交差判定をすることにしよう。交差判定には直線の方程式を使う。直線は、y=ax+bといった形になる。この直線よりも上に線分の一方の点があり、もう一方の点がこの直線よりも下にあればそれは、この直線と線分…

点が長方形の内側にあるかチェックする

点が長方形の内側にあるか否かをチェックするには、外積を使えばよい。 ある長方形(10,10),(30,10),(30,30),(10,30)と、ある点(20,20)があるとしよう。このある点がある長方形の内側にあるのか外側にあるのかを判定したい。このような長方形であれば、外積を…

ベクトルの外積

ベクトルの外積は便利だ。ベクトルAとベクトルBの外積を求めたときに値がマイナスであれば、ベクトルBはベクトルAの右側にいるということが分かる。 試してみよう。 ベクトルA(6,6)、ベクトルB(6,0)としよう。 外積は下記の式になる。 Ax * By - Bx * Ay よ…

cosθの値をグラフにしてみる

0度〜360度のcosθの値をグラフに出してみよう。HTML canvasを使おう。 See the Pen cosθ by edo1z (@edo1z) on CodePen. 一番上が1を表している。真ん中が0で、一番下が-1である。一番左が0を表していて縦の目盛線は、45ずつに引いている つまり、0度はcos…

ベクトルの内積の研究(1)

ベクトルの内積を研究する。 まずV,Uをそれぞれ、(3,5)、(6,3)としよう。 ベクトルの内積は下記のようになるものをいうらしい。 V●U = Vx * Ux + Vy * Uy よって、内積は、 3 * 6 + 5 * 3 = 33 となる。 内積ではもう一つ成立する式があるらしい。 V●U = |V|…

Javascript Math.sin(rad) サインを求める

Math.sin(rad)でサインを求められる。引数のradはラジアン。ラジアンがよく分からない。 コンピュータゲームの物理という私のバイブルによると、ラジアンは角度を表す方法の1つのようだ。我々は360度で一周する方法をいつも使っているが、この360という中途…

Javascript Math.PI 円周率を求める関数

document.write(Math.PI); document.write(Math.PI);

Javascript Math.atan2() X軸からポイントまでの角度を取得

Math.atan2(y, x) http://www.ajaxtower.jp/js/math_class/index15.html ここの説明が分かり易そうだ。 atan2関数は座標の逆正接(アークタンジェント)を計算して返します。引数に指定した原点と座標(x, y)、そして座標からX座標へ降ろした点の3点からなる三…

  • Javascript
  • Python
  • PHP
  • Go
  • OS・サーバ
  • 機械学習
  • つくったもの
  • 数学
  • アルゴリズム
  • Logicky