WEB制作

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-5bec69e1d3f32490838525/] 表示される警告は、次のソー […]

cURLの様々な使い方

基本 [crayon-5bec69e1d4500639707511/] POST [crayon-5bec69e1d4508230107852/] Cookieの利用 [crayon-5bec69e1d450d839866024/] タイムアウト設定 [crayon-5bec69e1d4513472647222/] エラーハンドリング [crayon-5bec69e1d4518108692244/ […]

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

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

SEO対策 descriptionタグ

どうも中野です。 今回は前回に引き続いて、SEO対策について書かせていただきます。 descriptionとは? サイトを検索した際に、タイトルの下にでてくる「説明」がdescriptionです。 descriptionの効果とは? SEOの直接的な要因にはなりません。 Googleの「ウェブマスター向けガイドライン(品質に関するガイドライン)」の中に「Google がページを理解できるよう手助け […]

SEO対策 titleタグ

どうも中野です。 今回はSEO対策について書かせていただきます。 調べてみたら、色んな内容のSEO対策がでてくる!今回私が調べた内容がキーワード追加を調べていて気になった内容をみなさんと共有できればと思います。 titleタグの重要性 titleタグは、Googleが検索ランキングを決めるための評価ポイントであり、SEO対策を行ううえで最も大切なポイントの一つです。 titleタグだけにキーワード […]

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

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

最小構成のPWA

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

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

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

1 6