水澤 一貴

1/6ページ

Google推奨のGoogle製マテリアルアイコンを使う

HTMLでアイコンを使用する場合、WPでもデフォルトで使えるFont Awesomeで実装するのが一般的だと思いますが、マテリアルデザインやフラットデザインのサイトを構築する場合、 material.ioで提供されているアイコンを使ってみるのはいかがでしょうか? material.ioは、Googleが提唱するUXデザインの概念「マテリアルデザイン」についての情報を1つにまとめられたサイトです。こ […]

Bootstrap4製のマテリアルデザインのダッシュボード

Material Dashboardは、MITライセンスのBootstrap4製マテリアルデザインのダッシュボード用フレームワークです。 Demo サイドメニューやカードデザインが主な機能ですが、一覧画面や詳細画面なども作成可能です。 もちろん、Bootstrapベースなので、Bootstrapを使った構築も可能です。 管理画面などにおしゃれなサイドメニューを使えるだけで激アドだと思いました。 使 […]

Djangoのセキュリティ対策設定

Djangoの管理コマンドには、プロジェクト構成の検証用コマンドcheckが用意されています。 このコマンドを実行すると、アプリケーション起動時にエラーとなる記述を、アプリケーションを実行せずに確認できますが、 --deployオプションを使うと、本番環境向けのセキュリティ関連の設定をチェックができます。 [crayon-5bea64587bb3c350064535/] 表示される警告は、次のソー […]

動きの面白いサイト5選 2018.11

  • 2018.11.01

株式会社エスタイル https://estyle-inc.jp/ canvasをフルに使ったアニメーションが最高です!ページ移動の時のアニメーションも遊び心があります。 Parallax https://parall.ax/ アニメーションやフェイドインの感覚がいい感じに調整させています。スマートな感じでステキ   カンテレ採用2019 – 関西テレビ放送 https://w […]

cURLの様々な使い方

基本 [crayon-5bea64587c081339427191/] POST [crayon-5bea64587c098263780781/] Cookieの利用 [crayon-5bea64587c09b918783164/] タイムアウト設定 [crayon-5bea64587c09e087019223/] エラーハンドリング [crayon-5bea64587c0a0833764402/ […]

select2を画面サイズ変更に対応させる

Select2は、セレクトボックスで沢山の項目を表示するときにかなり便利にしてくれるライブラリで好きなのですが… 生成されたフォームが最初に読み込んだ時の幅で固定されてしまいます。 CSSでwidth: 100% !important;と指定してもいいんですが、これだと長めの項目が入ってきたときにはみ出してしまったりしてしまうので 画面がリサイズされたときにJSで幅の調整をさせてやらないといけませ […]

JSでスマホのジャイロセンサーを扱う

スマホのジャイロセンサーは、JSで簡単に取得することができます。 対応状況 スマホは、ほぼ対応していますが、iOSはiframe越しに使用できないので、CodePenなどのサイトでは動作しない点に注意が必要です。 ソースコード ジャイロセンサーの変化はdeviceorientationイベントで取得できます。ジャイロセンサーの値を取得後、何かしらイイ感じの処理を設計してあげましょう。 [crayo […]

最小構成のPWA

最小工数でPWAに対応する設定です。 HTML manifest.jsonの読み込み [crayon-5bea64587d3ee225234280/] iOSが完全にPWAに対応していないので、iOS用の設定が必要です。 [crayon-5bea64587d3f4627291810/] Service Workerに対応していれば、Service Workerを読み込む設定。 [crayon-5b […]

ポルポテストを作ってみた

ジョジョの奇妙な冒険は見たことなんですけど、Twitterで見かけてアイディアとして面白いと思ったので、自分でもポルポテストを作成してみました。 デモ こちらで動作確認できます。 See the Pen jojo-polpotest by mizusawa (@webty_mizusawa) on CodePen. ポルポテストの主な機能 ポルポテストの主な機能は、以下の4つがあげられます。これら […]

PHPでガチャ実装

  • 2018.10.11

今回は、PHPでソシャゲーのガチャを実装する方法を紹介したいと思います。 ガチャを実装するロジックはいろいろと考えられると思いますが、 僕は、まず、排出レアリティを確定からそのレアリティ内でランダムに選ぶのが簡単で初心者にはいいと思います。 ガチャのレアリティと排出率 今回実装するガチャのレアリティと排出率はシンプルに下の3つで行きたいと思います。 レアリティ 排出率 SSR 3% SR 12% […]

1 6