読者です 読者をやめる 読者になる 読者になる

dev.kokushin

HTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。

JavaScript

YouTube動画を背景に使うなら「jquery.mb.YTPlayer」が良さげ

最近YouTubeの動画をWebサイトの背景として使う案件が増えており、何か手軽に実装できるプラグインないかなーと探していたら「jquery.mb.YTPlayer」というのにたどり着きました。 なかなか使いやすいプラグインだと思ったので、実装メモを残しておきます。

範囲を指定してランダムな数値を出力するTips

指定した範囲内でのランダムな数値を取得したいときってありますよね。 そんな時に使える便利な関数をメモっておきます。

<video>タグの高さを取得する場合は「loadedmetadata」イベントが発火してから実行する

<video> タグの高さを取りたいのだけれど、正確な数値が取れない時がある...という時は、loadedmetadata イベントが発火してから取得すると正確に高さを取ることが可能です。</video>

Electronにメニューを追加・パッケージ化した際にショートカット操作できるようにするTips

先日作ったマークダウンエディタですが、パッケージ化したらショートカット操作(コピペや選択)が出来なかったので修正しました。Electronに「メニュー」機能を追加するだけで対応出来ました。

ビルドツール webpack 触ってみた

そろそろ「webpack」触ってみようと思い、チュートリアルを見ながら試してみました。 たくさんのモジュール群を最後にキュッとビルドするときの快感がやばいっすね。

JavaScriptでviewportを動的に切り替えるTips

レスポンシブ対応したいときに、タブレットだけはPC表示がいい!って時ありますよね。 そんな時はJavaScriptで動的にviewportの横幅を指定してあげましょう。

JavaScriptでスマホ画面を横に回転させた時(Landscape)に処理を実行するTips

スマホ画面を横に回転させた時に処理を実行するための記述をメモしておきます。 これは割とよく使うので早めに暗記したいところ。

JavaScriptでスマホ画面の比率を取得して条件分岐させるTips

画面が特定の比率だった場合、違った処理をさせたいという時の半ば強引なやり方をメモっておきます。 パフォーマンスとか全く考えられていないので、良い方法があったら教えて下さい😅

JavaScriptで配列内の数値を昇順・降順でソート(並び替え)するTips

配列内の数値をJavaScriptで昇順・降順でソート(並び替え)したい時に使える簡単なテクニックをご紹介します。

Instagram APIを使って他人のタイムラインを取得してサイトに出力するメモ

2016.07.11 追記 APIの仕様変更で上手く動作しなくなっています。 詳しい情報・対策方法はまた別の記事で。 InstagramのタイムラインってTwitterとかと違って公式でウィジェットが用意されてないんですね...。なので提供されているAPIつかって自分でゴニョゴ…