2018年10月

1/2ページ

cURLの様々な使い方

基本 [crayon-5c1782b8ea287297012069/] POST [crayon-5c1782b8ea293513191089/] Cookieの利用 [crayon-5c1782b8ea297066898990/] タイムアウト設定 [crayon-5c1782b8ea29a566704919/] エラーハンドリング [crayon-5c1782b8ea29d081589744/ […]

Photoshop パターン素材

どうも中野です。 前にパターンの事を書いた時に、パターンの素材を紹介すると言って、別の記事を書いたことに今更気づき、今、この記事を書いています。 1.Seamless Photoshop Pixel Patterns https://deliciousthemes.com/seamless-photoshop-pixel-patterns/ すごくシンプルなパターン。背景パターンとして使用するのが […]

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 […]

Photoshop パターン

どうも中野です。 先日デザインの際にパターンを作る事があって、どうやって作るのか知らなかったので、調べるととても簡単にできることを知り、感動したので、今回はPhotoshopのパターンの登録の仕方を紹介します。 1.パターンにしたい画像などを選択範囲で囲みます パターンにしたい画像やテキストなどをPhotoshopで読み込み、選択範囲で囲みます。 この時、囲った範囲がパターンになります。 2.「編 […]

最小構成のPWA

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

Photoshop面白機能 パペットワープ

どうも中野です。 今回はPhotoshopの面白機能を紹介したいとおもいます。 その名もパペットワープ!! では、機能の使い方の説明をします。 1.写真素材を用意 動かしてみたい写真を用意します。 2.トリミングします。 私は簡単に自動選択ツールでやっちゃいました、、、 3.トリミングしたレイヤーを選択した状態で「編集」→「パペットワープ」選択 パペットワープを選択すると、写真がメッシュで覆われま […]

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

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