dev.kokushinスマートフォン用の表示で見るdev.kokushinHTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。2017-08-31移転しましたhexoでのブログ投稿に切り替えました。以降はこちらで更新しますので、よろしくお願いします。Codeからのプッシュ時にエラーが出てしまうようになったので、その際の対処法をメモっておきます。API最近YouTubeの動画をWebサイトの背景として使う案件が増えており、何か手軽に実装できるプラグインないかなーと探していたら「jquery.mb.YTPlayer」というのにたどり着きました。使いやすいプラグインだと思ったので、実装メモを残しておきます。gulpGulpとセットで使うと捗る「Browsersync」ですが、サーバー立ち上げ時に開くページを指定する方法をメモっておきます。Tips指定した範囲内でのランダムな数値を取得したいときってありますよね。そんな時に使える便利な関数をメモっておきます。文字化け変更があったら勝手にブラウザをリロードしてくれる「browsersync」ですが、「Shift_JIS」形式のファイルを読み込ませると文字化けを起こしちゃいます。大手企業サイトのコーディングとかやるとよく遭遇するので、強引に回避してみます。イベントが発火してから取得すると正確に高さを取ることが可能です。JavaScript先日作ったマークダウンエディタですが、パッケージ化したらショートカット操作(コピペや選択)が出来なかったので修正しました。Electronに「メニュー」機能を追加するだけで対応出来ました。作ってみた最近話題の軽量フレームワーク「Vue.js」と簡単にアプリ化できる「Electron」を組み合わせて、練習がてらマークダウンエディタをつくってみました。JavaScriptそろそろ「webpack」触ってみようと思い、チュートリアルを見ながら試してみました。たくさんのモジュール群を最後にキュッとビルドするときの快感がやばいっすね。viewportレスポンシブ対応したいときに、タブレットだけはPC表示がいい!って時ありますよね。そんな時はJavaScriptで動的にviewportの横幅を指定してあげましょう。Node.js前回は、「EJSを使ってHTMLに変換して出力する」までを学習しました。今回はExpressのテンプレート出力を行ってくれる「express-generator」の使い方をご紹介します。僕の学生時代の恩師であるきよっち先生(@kiyotchi)によるマーケティング講座に参加してきましたので、勉強会レポートとしてメモっておきます。「本当にわかってる?Webサイト・Blog・SNSの役割」レポート2016-04-19ハッシュタグを指定してツイートできるリンクを設定するTwitterハッシュタグを指定して、記事内にツイートできるリンクを設置する方法です。どこで使うんだよと突っ込まれそうですが、実際に案件で使ったのでメモしておきます。Tipsスマホ画面を横に回転させた時に処理を実行するための記述をメモしておきます。これは割とよく使うので早めに暗記したいところ。画面が特定の比率だった場合、違った処理をさせたいという時の半ば強引なやり方をメモっておきます。Express忘れないうちに「Socket.io」の使い方をメモ。リアルタイム通信ができるので、ゲームやチャットアプリなどに使えそうですね。Tips配列内の数値をJavaScriptで昇順・降順でソート(並び替え)したい時に使える簡単なテクニックをご紹介します。World!」を表示するまでをご紹介しました。今回は、テンプレートエンジン「EJS」を利用してページを生成するまでをメモります。World!」を表示するサンプルを作りました。今回以降は、Node.jsのフレームワークである「Express」とテンプレートエンジン「EJS」を利用して実際にWebアプリケーションを作成していきます。Herokuすみません、先月くらいに「CodeIgniterでWebアプリ作るぜ〜」って言ってましたけど、気が変わったので「Node.jsでWebアプリ作るぜ〜」に変更します。RetinaRetinaディスプレイだとPhotoshopを開いた時にキャンパスサイズが半分くらいに縮小されてしまう問題、いい加減解決することにしました。ググってみたところ、思った以上にあっさり解決できたので困っている方は参考にどうぞ。APIの仕様変更で上手く動作しなくなっています。詳しい情報・対策方法はまた別の記事で。InstagramのタイムラインってTwitterとかと違って公式でウィジェットが用意されてないんですね...。Store」を立ち上げたのはいいものの、ローディングがぐるぐるしててなかなか接続できず。その時の対処法をメモしておきます。Storeに接続できない、起動しない時の対処法2016-03-12ハッカソンに見学に行ったので個人的にメモハッカソン今日は先輩のお誘いを受けて東京のハッカソンを見学することができました。今後、ハッカソンに参加するためにも、気づいたことなどをメモしておこうと思います。作ってみた友達に突然画像ジェネレータを作って欲しいと言われたので、1日徹夜して作りました。JSのライブラリにCreate.jsを使っています。Create.js使って「名前募集バーガー風」画像ジェネレータを作ってみた2016-03-09要素の高さを揃えるjQueryプラグイン「jquery.matchHeight.js」がクソ便利jQuery最近増えてきたカード型レイアウトですが、ちょっとでも文字数が増えたり画像の高さが変わったりしたら高さがズレてしまい、カラム落ちしてしまう...そんな時は「jquery.matchHeight.js」を使ったらあっという間に解決出来ましたぜ。要素の高さを揃えるjQueryプラグイン「jquery.matchHeight.js」がクソ便利2016-03-06WordPressからはてなブログに移転しました。タイトル通り、WordPressからはてなブログに移転しました。以下に移転理由をざっくり書き記しておきます。WordPressからはてなブログに移転しました。jade突然ですが「Jade」はじめました。いままで「EJS」を使っていたのですが、「両方使えたほうが状況によって使い分けれるから便利だよ☆」と教えていただいたので勉強することにしました。PHPサーバーサイド初心者がPHPのフレームワーク「Codeigniter」を使ってWebアプリケーションを作るまでの流れと苦労の記録をここに記す。※必要最低限の情報しか載せてません。CSS好きなエンジニア。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。