2016-01-01から1年間の記事一覧

【javascript】iPhone、Androidでブラウザを閉じる・非表示を監視して処理をする方法メモ

はじめに 今回やりたかったのはユーザー操作でページから離れるときに何か処理がしたいということ。 で、とりあえず考えられる操作としては以下 ・ブラウザを終了したとき ・タブを閉じたとき ・別タブへ移動したとき ・別アプリへ移動したとき ・ホーム画面…

【bootstrap】プルダウンに画像を表示するライブラリ

はじめに 今回やりたかったのは画像を選択するようなプルダウン。 検索してみたら、bootstrap-select.jsというのがありました。http://thdoan.github.io/bootstrap-select/ こちらからDL 実装 使い方は簡単でjsを読み込んで以下みたいな感じで使える。 boots…

chartjsで棒グラフの作り方メモ

はじめに adminLTEのサンプル使って棒グラフを表示しようとして比較対象なしのグラフを作ろうとしたらなぜかうまくいかなったのでメモ また、x軸のメモリの間隔もあけたかったのでついでにメモ作りたかったのはこんな感じのグラフ 実装 $(function () { Char…

【javascript】ドラッグアンドドロップで画像をアップロードする方法メモ〜jqueryも使った

はじめに 以前につくったサービスの改修で必要になった。どこかのブログに書いてあったのをコピーして動いたのでそれでよしとしていたのだが、今回はそれが1ページに複数必要になって問題が発生したので作り直してクラスにしてみた DOM操作にjQuery使ってい…

chrome54以上でtouchstartでvideo.playが使えなくなったときの対応メモ

はじめに Androidでの動画自動再生のやり方がわからなかったのでタッチイベントで無理やりvideoを再生するようなやり方をしていることがあった。 で、今のところ問題なかったのだがふとchromeのコンソール見ると以下のようなワーニングが出ていた Performing…

safariでiframe内でformをsubmitする方法でサードパーティクッキーを使えるようになるのか

はじめに http://japanese.engadget.com/2012/02/17/google-cookie-safari/ タイトルの内容ですが、以前にたぶんここら辺の記事を見てできるのかなと漠然と思っていたのだが試したことがなかったので試してみたようはサードパーティクッキーをsafariでも食わ…

【apache】MaxClientsの設定を最適化してみる〜チューニング入門

はじめに apacheのチューニング入門でとりあえずMaxClientsをいじってみる preforkしか使ったことないので今回はpreforkが対象 MaxClientsはtopコマンドしたときに出てくるhttpdプロセスの数の最大数目安としてはhttpdがMaxClientsで設定した数まで増えたと…

【Linux】suffixをつけてファイルコピーを簡単に行う方法

やりたかったことはこんな感じ $ cp /aaa/bbb/ccc/ddd.txt /aaa/bbb/ccc/ddd.txt.bk第1引数をコピーすればできるんだけど キーボードだけで上手いことできないものかと質問してみたところ以下の形でできるらしい $ cp /aaa/bbb/ccc/ddd.txt{,bk}中カッコで括…

【php】php5.6とphp7.0をwordpressで比較してみた

はじめに php5.6からphp7.0にしたらどれくらい速くなるのかというのを試してみただけ 環境としてはローカルPCにvagrantでcentos6.7、php5.6、mysql5.6、apache2.2.15をインストールして 最新バージョンのwordpressをいれてダミーデータを登録してapache benc…

【wordpress】wordpress検証用環境を作ったので構築手順メモ

はじめに ちょっとした検証用にwordpressを使いたかったので手順メモ やりたいことはwordpress入れてダミー用のデータを登録して検証できるようにするところまで環境はローカルPC上にvagranで作ったcentos6.7上でphp5.6、mysql5.6、apache2.2.15の環境を作る…

【vagrant】開発環境をサクッと作るときの手順メモ

やりたいこと PCかえたらいつもコピペして使っていたVagrantfileがなくて調べながらやったのでメモ・ローカルPCでサクッと開発環境を作りたい ・Webサービス開発で使いたいのでブラウザからアクセスできるようにしたい ・複数サーバー立ち上げてサーバー同士…

【Linux】ディレクトリのサイズを調べる方法

内容が細かいけど。。。 $ find ./* -type d -maxdepth 0 | xargs du -sh 5.4M ./dir1 549M ./dir2 864M ./dir3ーmaxdepthで階層を指定以上です

【bootstrap】Modal内での画面遷移する方法

どうやるのが1番いいのかわからないけど今回は以下の対応 ・Modal内に複数ページのHTMLを入れておく ・現在のページ番号を変数に保持しておく ・[前へ][次へ]ボタンが押されるたびにページ番号を+または-してModal内を再表示 <div class="container" style="margin-top:5px;"> <button id="onModal" class="btn btn-default">Open</button> </div> <div id="myModal" class="modal fade"> </div>

【bootstrap】Modalの初期値を動的に設定する方法

たまにやろうとするとパッと出てこずに何度も調べている気がするのでメモしておく 一覧のクリックする行によってモーダルの中身を変えたい時などにも使える <button id="onModal" class="btn btn-default">Open</button> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> </div></div></div>

grepでor検索する方法メモ

今さらすぎる内容だけど、パッと出てこないことが多いのでメモ $ grep -E "文字1|文字2" ファイル名オプション Eで正規表現ですね 以上です

【Linux】初めて知ったときにちょっと感動したコマンドとか

全然詳しくないけど初めて知ったときにちょっと感動したコマンドたち ユーザーを指定してsudo $ sudo -u apache touch hoge.txt当時、勝手にrootで実行するためのコマンドかと思ってた。。 {}で複数パターン指定できる $ touch /{dir1,dir2}/hoge.txt 1つ前…

【Rails】rubyで初めてwebサイト作ったのでざっくり手順をまとめておく

はじめに railsを使った簡単なWebサイト作ってみたので作業手順を簡単にまとめておく 作るものは簡単な動画(Youtubeの)まとめサイト動画一覧ページと動画視聴ページの2画面のみ一覧画面 詳細画面 テーブル設計 以下の2テーブル・categories(動画のカテゴリー…

【Rails】kaminariでのページャーリンクにパラメータを追加する方法メモ

https://github.com/amatsuda/kaminari/issues/339 ここにあったviewファイル <%= link_to_previous_page @videos, '前へ', :params => { hoge: "piyo" } %> <%= link_to_next_page @videos, '次へ', :params => { hoge: "piyo" } %>※@videosはここでの適当…

【Rails】多対多のリレーションでhas_and_belongs_to_manyを使って検索する方法メモ

はじめに 今回やりたかったのは2つのテーブルの関連テーブルを設けてそれぞれ紐づいている状態のデータを検索すること。 ありがちなテーブル構造だと思いますが、以下のような形です・categories(動画のカテゴリー) idカテゴリーIDPK nameカテゴリー名 ・vid…

【Rails】マイグレーションの基本的な使い方メモ

はじめに マイグレーションは別のフレームワークでもほとんど使ったことがなかった。 が、とりあえずrailsでの開発では慣れるためにというのも含めて積極的に使ってみようと思う。 で、基本的な流れをメモしておく 新規でテーブル作成 ひな形を作る(ここでは…

【Rails】ActiveRecord入門とりあえず使えるようにまとめておく@初心者

はじめに Railsをすこしいじり始めて、DBも使いたいのでActiveRecordをいじってみる PHPのフレームワークではORMをほとんど使った事なかったので(喰わず嫌いで)、ちょっと新鮮だった。とりあえず一般的というか複雑でないSQLは使えるようになりたいというこ…

【node.js】export defaultで作ったモジュールをexpressからrequireできなくてes6にして対応した

はじめに 以下のようなディレクトリ構成でserver以下にexpressでサーバーを作成。 で、client以下にreactとかでフロント側のコードを作成。 で、common以下にserverとclientと両方から呼ばれるモジュールとかを置こうとした。clientとcommonはbabelでビルド…

【node.js】expressでstaticが有効にならないと思ったら。。。

地味にハマった。。。 import express from "express"; import path from "path"; var app = express(); // ★こうじゃなくて // app.use(express.static(path.join(__dirname, "..", "dist"))); // ★コレしたら動いた app.use("/dist", express.static(path.…

【Rails】centos・apache・mysql環境にRuby on Railsの環境構築する方法メモ

はじめに CentOS6.7、apache2.2、MySQLの環境でRailsを動かすところまでをやりうとしたらけっこう時間かかったのでやり方というか手順をメモしておく。 今回はVagrantにて行った。また、RubyとRailsのバージョンは基本的に最新のものを入れてみた 前準備とし…

【node.js】es6での開発で最低限必要な設定メモ〜npm・bower・gulp・grunt・browserify 色々あるけど。。。

はじめに javascriptで開発しているとnpm、bower、gulp、grunt、browserifyなどなど用語が多くて久々にやろうと思うとわからなくて気持ちが落ちる。 で、何もわからずネットで見つけた記事をコピペしてゆくとよくわからないものが一杯入っているというのも嫌…

【Django】templateでdicrionaryの値を使う方法メモ

はじめに 今回やりたかったことはviews.py list = [ {"id":1, "name": "山田", "job_id": 1}, {"id":2, "name": "田中", "job_id": 2}, ・・・ ] job = { 1: "サラリーマン", 2: "農家", ・・・ } return render(request, "index.html", { "list": list, "jo…

【socket.io】複数サーバーへの対応メモ

はじめに 今更な内容ですが実際に試したことがなかったのでメモ。 socket.ioをスケールアウトさせるような規模のサービスを作る機会がないのでやっていなかった。。。 まぁ今後もあるかどうか不明だけど、いちおう試しということで実装自体はredisのpub/sub…

【Django】Centos・Apache・MySQLでの環境構築メモ

はじめに Djangoに付随の開発サーバーではなく、 CentOS + Apache + MySQLでの開発環境を作ろうとしたら意外と時間かかってしまった。。。なので手順をメモ ApacheとMySQL ApacheとMySQLをインストール root> yum install -y http://dev.mysql.com/get/mysql…

【Django】ImportError: No module named 'MySQLdb'エラーへの対応

DjangoからMySQLへ接続するためにPyMySQLというドライバーを使ってみたのだが以下のようなエラーが発生 Traceback (most recent call last): File "/usr/local/lib/python3.5/site-packages/django/db/backends/mysql/base.py", line 25, in <module> import MySQLdb</module>…

【node.js】apiDocにパーミッションごとに閲覧制限する方法

【node.js】apiドキュメント作成ツールのapiDocがよさそう - とりあえずphpとか こちらの続きやりたいことはapiのパーミッションによってドキュメント自体の閲覧も制限したいということ api_data.js ## ドキュメントの内容が定義されている api_data.json ##…