水澤 一貴

1/3ページ

boostrapの印刷表示をリセットする

boostrapは、デザインをあまりしたくないときに活躍してくれますが… 使用して、何気に引っかかる罠があります。 それは、印刷時に独自のスタイルを当ててくることです。 印刷画面をいい感じに表示してくれるのであれば、全然問題ないのですが、 リンク先のURLを表示してきたり、背景をすべて白くしてきたりします。 背景の色は、まだ、見やすくやるときもあるので、許せる範囲ですが、 リンク先のURLをずらー […]

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-5b4e5a80d6904155265748/] [crayon-5b4e5a80d690a437102050/] [crayon-5b4e5a80d690d906 […]

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

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

人気モデルをImageMagickを使ってクロマキー処理する

今回は、ぱくたそさんで人気のちゃんねーをImageMagickを使ってクロマキー合成していきたいと思います。 ImageMagickは、大抵の大手レンタルサーバーなら、デフォルトで入っていますが、ローカル環境や自作サーバーで行う場合は、公式サイト等からできます。 1. 指定の色を置換する transparentオプションで指定の色を置換する方法です。クロマキ処理を行う場合の一般的な方法になります。 […]

デザインをするときに使える7つの裏ワザ

  • 2018.06.18

この記事は、「7 Practical Tips for Cheating at Design」 をざっくりと要約したものです。意訳多く含まれています。きちんとしたもの読みたい場合は、原文を読んでください。 1. フォントサイズの代わりに文字の色や太さで階層分ける テキストのUIを設計するときに過ちがちなミスは、フォントサイズに頼りすぎて、階層のコントロールできていないことです。 「このテキストは重 […]

既存のソースを殆ど変えずにfile_get_contents()をcURLにする

PHPで外部ファイルを読み込むとき用に用意されている、file_get_contents関数ですが、一部の外部サイトを上手く読み込めなかったり、タイムアウトを指定していてもタイムアウトされなかったりとAPIなどのデータを取得するには向いていない関数です。 なので、file_get_contents関数よりも速くで、file_get_contents関数で上手く読み込めないサイトを読み込めたりできる […]

PHPを書くときに使っているATOMのpackage5選

ぼくがPHPを書くときに使用しているATOMのpackage5選です。 packageはATOMを開いて「File -> Settings -> Install」からインストール可能です。 less-than-slash </と入力するだけで、HTMLの閉じタグを補完してくれるpackageです。 頭も使わずにただ、タン!タン!ターン!とタグが閉じれるので、楽しいしラクに閉じタグ […]

1 3