JavaScript

動きの参考サイト

どうも中野です。 今日は動きの参考サイトを紹介したいと思います。 このサイトのココが良い!ってよくあると思うのですが、そうではなく、一覧で見やすくまとめてくれているサイトを今回は紹介したいと思います。 1.Photoshopvip http://photoshopvip.net/88174 ブログをよく参考にさせてもらっているのですが、その記事の中に「ホバーエフェクト」の記事がとても見やすかったの […]

ajax関数 HTTPステータスコード チートシート

jQueryのajax関数のHTTPステータスコード チートシートです。 ajax関数は、HTTPステータスコード200~299,304でsuccess。 それ以外はerrorになります。 HTTPステータスコードの意味はWikipediaを参考にしています。 HTTPステータスコード 意味   ajax 100 継続 error 101 プロトコル切替え error 102 処理中 e […]

Github風芝生をブログに設置する

今回は、cal-heatmap.jsを使って、Githubのプロフィールページにある芝生(contributions)を実装してみたいと思います。 使い方 今回は、CDNを使って必要ライブラリを読み込みます。 html [crayon-5b4e5bb38df3c094599921/] [crayon-5b4e5bb38df47830669795/] [crayon-5b4e5bb38df4c929 […]

jsでQRコードを読み取り、簡易出席管理システムを作る

今回は、WEBカメラを使ってQRコードを読み込み、その結果を利用して簡易出席管理システムを作成したいと思います。 1. QRコードを生成する まず初めに、カメラで読み込むためのQRコードを作成していきます。Google Chart APIなどのAPIを活用するもの手ですが、今回は、jsでQRコードの生成を行います。 使用ライブラリ jquery.qrcode.js 使用方法 HTML [crayo […]

Gmail APIでメールを取得する

下準備 Google Developpers Consoleでプロジェクトを作成を行ってください。 メールの取得 メールの取得は一度、メール一覧を取得して、個別IDを取得します。その後、そのIDを用いて、メールの本文や件名を取得していきます。 [crayon-5b4e5bb39102f185169135/] [crayon-5b4e5bb391039822221891/] メールの絞り込み メール […]

めんどくさい出社メールをJSでGmailを送信する

自社では、朝の出勤した時にタイムカードの代わりに空メールでの管理を行っています。 僕は、Webtyに入社して、1週間しか経っていませんが、もうすでに、朝、空メールを送信する作業がめんどくさくなってしまいましたw なので、ボタン一つで簡単にメールが送信できる自分用のページを作りたいと思います! 実装方法は、PHPだとsendmail.iniなどをいじるだけで簡単にGmailでメールが送信でちゃうので […]

JSで自分のHPにコナミコマンドを実装する

皆さんは、コナミコマンドを知っていますか? コナミ系のゲームなどで「↑↑↓↓←→←→BA」と入力すると自分のキャラがパワーアップしたり、特別なイベントが発生したりする隠しコマンドの代表的なものです。 コナミコマンドは『ギネス世界記録』に「もっともよく知られている隠しコマンド」として、登録されているぐらい有名な隠しコマンドです。 以前は、Twitterなどの有名なサイトにも実装されていました。 そん […]