javascript
はじめに Androidでの動画自動再生のやり方がわからなかったのでタッチイベントで無理やりvideoを再生するようなやり方をしていることがあった。 で、今のところ問題なかったのだがふとchromeのコンソール見ると以下のようなワーニングが出ていた Performing…
どうやるのが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>
たまにやろうとするとパッと出てこずに何度も調べている気がするのでメモしておく 一覧のクリックする行によってモーダルの中身を変えたい時などにも使える <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>
はじめに 以下のようなディレクトリ構成でserver以下にexpressでサーバーを作成。 で、client以下にreactとかでフロント側のコードを作成。 で、common以下にserverとclientと両方から呼ばれるモジュールとかを置こうとした。clientとcommonはbabelでビルド…
地味にハマった。。。 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.…
はじめに javascriptで開発しているとnpm、bower、gulp、grunt、browserifyなどなど用語が多くて久々にやろうと思うとわからなくて気持ちが落ちる。 で、何もわからずネットで見つけた記事をコピペしてゆくとよくわからないものが一杯入っているというのも嫌…
はじめに 今更な内容ですが実際に試したことがなかったのでメモ。 socket.ioをスケールアウトさせるような規模のサービスを作る機会がないのでやっていなかった。。。 まぁ今後もあるかどうか不明だけど、いちおう試しということで実装自体はredisのpub/sub…
スマホ(iPhoneとAndroid)での動画をインラインでの自動再生をやりたくて以前ちょくちょく調べていました。 確かそのときは端末の制限でまぁ難しいかなという結論に至りました。> iPhone(Safari) http://www.appbank.net/2016/06/16/iphone-application/12169…
はじめに expressでWebアプリを開発してみて次回以降もやるであろうなという作業をまとめておく といっても自分の趣味レベルで作ったものなので大規模にも考慮してとかは全然できていません。とはいえせっかくやったのでできる範囲で案件で使えるようにと考…
はじめに Node.js + Express4を使っていて、つまづいた注意点まとめ - Qiita expressでセッションを使おうとしたら上記の記事のワーニングが出ました。 これはセッションの保存先がローカルファイルだと出るワーニングだそうでとりあえずmongodbを入れてそち…
はじめに expressでの開発で必須のエラー処理を実装したので次回やるときのためにまとめておくやりたいことは以下 ・エラーが発生したらエラー内容をログ出力 ・ユーザーにはエラーページを表示 ・エラーでサーバーが落ちないように 実装 サーバー本体の実装…
はじめに また基本的な機能だけど、node.jsで初めてだったのでよくわからなかったやりたかったことは以下 ・ログイン情報はセッションにいれる ・特定のurl以下はログインしていないと見れなくしたいちょっと調べてみるとPassportというミドルウェアを使うの…
はじめに node.jsでのサーバーサイドの処理です。 今回やりたかったことはPHPだと以下のような処理 ※あまり意味のないコードをズラズラ書いてわかりずらいが、やりたことはDBから取得した値を見て処理を分岐するような処理を繰り返し行うようなイメージPHPの…
はじめに socket.ioを使って簡単なチャットサーバーを作ろうとしました当初、socket.ioを使わないapiの実装はphpで、socket.ioの部分だけnode.jsで・・・と考えていたのですが どうせならapiの部分もnode.jsで作った方がいいのかなと思ってちょっと調べこと…
今回、ちょっと迷った内容は以下 (1)expressを使ったサーバー起動 (2)urlを叩いてみる (3)(2)のレスポンスは返ってくるけど、サーバーが再起動されるサーバー起動 ./node_modules/pm2/bin/pm2 start app.js --watchurlを叩いてみる curl http://example.com:…
はじめに 今回やりたかったことは以下 ・expressからmysqlへクエリ実行 ・ormは使わずsqlを直接実行したい ・dbの処理部分は共通化したい ・エラー処理も実装するnode-mysqlというライブラリを使いました 実装 ファイル構成 ├── app.js ├── db.js # dbの共通…
はじめに 最近ちょっといじってますが、またよくわからず簡単な事にはまってる気がする・・・ やりたかったことはurlパラメータを受け取ってmysqlを検索。結果をjsonで返すというだけですで、mysqlからデータ取得してconsole.logすると取得できるところまで…
はじめに まだまだよくわかっていないがやっと少し慣れてきたので自分用に作業手順をまとめておく ディレクトリ構成とベースとなる部分を作る 自分はこんな感じにしてみている。 基本的な構成がこんな感じで、開発するにつれてactions、components、reducers…
はじめに 今回やりたかったことはよくあるログイン・ログアウトの実装です。 で、react-routerを使っての実装方法が以下にありました。わかりやすかったです React Routerで認証を制御する方法 - Qiitaログインしているかどうかの判定はstoreにuser.session…
はじめに reactやらreduxやらいじり始めてみたけどわからないことが多い・・・ 今回やりたいのはコンポーネント間の画面遷移とりあえず画面遷移などでのルーティング機能はreact-routerというのを使ってる人が多そうなのでこれの使い方を調べてメモ 構成 . ├…
はじめに 今回やりたかったことは component内で何かボタンとか押されたときに別のページへ遷移させるということをしたかったのですが 「TypeError: this.context.router is undefined」とエラーが・・・ 対応 修正前 export default class Page1 extends Re…
地味に色々はまる・・・audioで音声再生して、画面がアクティブでなくなっても音声が流れ続けるので アクティブでなくなったらaudio.muted = trueに切り替えてみたpcとandroidではこれで良かったのだが、iPhoneではaudio.pause()して再生停止しないとダメな…
やりたかったことは、javascriptでのAudioの再生で所定の場所から再生したいということでした 基本的は以下でできたのですが、android + chromeで動作確認できなかった。 currentTimeを設定しても0になってしまってうまくできませんでした。 <button onclick="playAudio();">再生</button> <script> function …
たいした話じゃないけど、やりたかったことは canvasへの描画処理を開始する前の事前処理(準備)中にローディング画像みたいのを出したかったのですが、 canvasにグルグル回るアニメーションgifを描画すると1枚目の静止画となってしまうのでcanvasとimgタグを…
はじめに 今回やろうとしたことは動画ファイルから画像のキャプチャを作って、その画像を順番にcanvasに描画し続けるということ。 手順としては> キャプチャ画像の生成(ffmpeg使用) ・動画ファイルの情報を取得(fps、再生時間、画像サイズ) ・音声ファイルを…
はじめに 今回やりたかったことは以下 ・ページが表示されたら動画を自動再生する ・全画面表示ではなくページに埋め込む形でインライン再生 ・スマホ（ios・android）で実装動画広告のようなイメージでしょうかvideoタグを使えばできると思ったのですが、ス…
また、基本的なことができていなくてはまった・・・やりたかったことは フォーム(textarea)のデータをXMLHttpRequestを使って送信する時に改行コードが消えてしまったこと修正前 // フォームの値からurlパラメータを作成 var textarea = document.getElement…
はじめに bootstrap製の管理画面テンプレートのadminLTEの画面左のスライドメニューについてメニューオープン メニュークローズ こんな感じのかっこいいのがあるのですが、 1. メニューを閉じる 2. 画面遷移する 3. メニューが開いた状態になってしまうこう…
はじめに 今回初めてadminLTEというboostrap製の管理画面用のデザインテンプレートを使ったのですがかなりイイです。 情けない事に今までcssは1ミリもいじりたくないってタイプだったのですが、それなりの見た目の画面が用意できましたで、その中でchartjsと…
はじめに 今回やりたかったのは、ある要素が画面に表示されたら1度だけajaxでサーバ通信するという処理の実装です。 検索するとjqueryのライブラリでjquery.inviewというのがあったのですが今回は前提条件としてjqueryが使えなかったため自前で実装すること…
