5G時代にwebで何をする？迷走中の私の備忘録的徒然日記。東京都在住。
どうも！前回からちょっと間が空いてしまいましたが、すっかり花粉の季節ですね(>< ); 皆さまいかがお過ごしでしょうか？私はマスクとメガネの日々を過ごしております。マスクとメガネ、二つも耳に掛かっていると本当にストレスなんですよね(´･ω･`)…
さて、今回はjQueryで座標を取得してみようの巻です。
マウスカーソル(タッチデバイスでは指)を画面上で滑らせると、その軌跡に沿って★が描かれるというものです。
このような物を作ってみます。↓
目次
1.座標を取得するには〜offsetとclientX、clientY
2.変数を定義する
3.clone関数で要素にappendToする
4.setTimeout関数とは
5.タッチイベントとマウスイベント
6.まとめ
7.ソース
“jQueryで座標を取得してみる” の続きを読む
皆さまごきげんよう！
暮れも押し迫ってまいりましたが、いかがお過ごしでしょうか？
大晦日までには不要なものを全部捨ててやろう！と張り切っている私ですが、まだ何も手を付けていません（^^;
ところで、最近ネットで魔夜峰央先生の 全埼玉県民が泣いた！伝説の埼玉Disマンガ『翔んで埼玉』が今頃になって話題になっているということで、大変気になっていたのですが、既に持ってた（笑）『やおい君の日常的でない生活』という本の中に収録されていました。昭和時代に買ったもんですっかり忘れてましたが、よく今まで取っておいたもんだ。こんなんで「不要なものを全部捨ててやろう！」なんて本当に出来るのでしょうか？！(^^;A
ま、それはさておき（笑）今日は、前回のjQueryで雪を降らせてみようのファイルを元に、ワードプレスの背景に雪を降らせてみようと思います。
“ワードプレスの背景に雪を降らせてみよう” の続きを読む
皆さまこんにちは！
早いもので今年も残すところあと1ヶ月、光陰矢の如し、ですね。皆さま今年の目標は達成出来ましたでしょうか？
私は残念ながら、未だ何ひとつ達成出来ないままムダに年だけ取るという(笑)ってまだまだあと残り1ヶ月、最後まで頑張りますよ！(^^;A
ま、それはさておき(笑)今日はちょっと季節を感じる、jQueryで雪を降らせてみようの巻です。
今回はdivを雪の一粒に仕立て、jQueryでランダムな数値を取得・複製し、それをcssのアニメーションでループさせて雪を降らせてみようと思います。
今回作ってみるものはこちら♪
“jQueryで雪を降らせてみよう” の続きを読む
皆さまこんにちは！
暑さ寒さも彼岸まで。ようやく過ごしやすい季節になってまいりましたね！スポーツの秋、読書の秋、色々な秋がありますが、私はやはり「食欲の秋」でしょうか（笑）
さて本日は勉学の秋、jQueryとcssを連携させて、タブでページを切り替えて表示させてみようと思います。
“jQuery でタブを実装してみよう！” の続きを読む
皆さまこんにちは！
本日はロリポップで複数のドメインにワードプレスをインストールしてみます。
ロリポの説明を読んでも意外とややこしかったので、備忘録として書き留めておきたいと思います（笑）
複数ドメインにワードプレスをインストールする前に、念のため今あるサイトのバックアップを取っておきましょう。
“ロリポップで複数ドメインにワードプレスをインストールしてみよう” の続きを読む
こんにちは！
やっと猛暑が去ったと思ったら、憂鬱な連日の長雨..(´･ω･`) 皆さまいかがお過ごしでしょうか？
秋晴れが恋しい今日この頃であります。
さて、皆さまはサイトのバックアップを定期的に取っていらっしゃいますか？
今日は案外やっていない？！ワードプレスのバックアップの取り方についてやってみたいと思います。
まずは、ワードプレス側でバックアップを取ります。
ダッシュボード > ツール > エクスポート
エクスポートする内容を選択で、すべてのコンテンツにチェックを入れ、エクスポートファイル（xmlファイル）をダウンロードします。
画像の右がエクスポートされたxmlファイルです。ちなみに左は、次にやるphpMyAdminでのsqlファイルになります。
お使いのサーバーのデータベースからバックアップを取ります。ここではロリポップを例に説明いたします。
ロリポのFTPへログインし、webツール > データベース
ここでまだデータベースを作成されていない方は作成します。
すでにデータベースを作成されている方はphpMyAdminを開くをクリックしてphpMyAdminにログインしますが、その際にサーバー名のmysql◯◯◯の部分を覚えておいてください。
“ワードプレスのバックアップを取る方法” の続きを読む
皆さまこんにちは！厳しい残暑の候、いかがお過ごしですか？
本日は前回の続き、Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その弐〜をお送りします。
〜その壱〜を読んでからでないと何のこっちゃ？だと思いますので、ぜひ目を通してみてくださいませ(^^)ゞ
前回の記事はこちらです。
さて、前回の設定だけでうまくいった方もいらっしゃるかも知れません。しかし私はこの後、投稿した画像が重なって表示されてしまうという現象に悩まされました(笑)
そこで今回は、画像をきちんと読み込んでから表示させるような設定を追加します。
“Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その弐〜” の続きを読む
インターネッツの皆様こんにちは！
各地で猛暑記録更新ですね〜(++); こう毎日毎日暑いと、もはや出掛ける気力も無いのでブログが捗ります（笑）
本日は、ワードプレスでピンタレスト風レイアウトに挑戦してみよう！の巻です。
ちょっと間が空いてしまいましたが、前回の記事「ワードプレスプラグインCustom Post Type UIの使い方」の続きになります。こちらを読んでからの方がより分かりやすいと思いますので、ぜひ目を通してみてくださいませ(^^)ゞ
さて、前回はカスタム投稿タイプでgalleryという投稿ページを新たに作ってみましたが、今回はそれをJSライブラリ「Masonry」を使って、コンテンツをレンガ状に並べて表示させてみようと思います。
masonryって石工［れんが工］職、石［れんが］造りの建造物、石造建築っていう意味なんですね。
“Masonry.jsを使ってワードプレスにピンタレスト風レイアウトを実装してみよう〜その壱〜” の続きを読む
連日の猛暑で私はすでに夏バテ気味な今日この頃ですが、皆さまいかがお過ごしでしょうか？
本日は、ワードプレスを使っていての小さな気づきを自分の備忘録として書き留めておきます。
“ワードプレス備忘録” の続きを読む
パララックスもすっかり定着した感のある今日この頃( ˘ω˘)…
webデザイナー同志の皆さま、こんにちは(^^)ゞ
本日はskrollr再び！skrollrを使ってペラいちのランディングページを作ってみようの巻です。
まずはこちらにDEMOを作ってみましたのでご覧ください。
（※firefoxブラウザではきちんと表示出来ないかもしれません。その際はお手数ですが他のブラウザでお試し下さいませm(_ _)m )
パララックス（視差）効果で立体感のあるページが簡単に作れるJavaScriptライブラリです。スマホにも対応してます！まずはダウンロードしてみよう。
“skrollrでパララックスのランディングページを作ってみよう〜追記あり〜” の続きを読む
ワードプレス同志の皆さまこんにちは(^^)/
本日はワードプレスで子テーマの翻訳ファイルをいじって、日本語表記を他言語表記に書き換えてみたいと思います。
インターネッツのみなさまこんにちは！
本日はワードプレスの人気プラグイン、Jetpackのタイルギャラリーを使ってみた感じをレポートいたします(^^)ノ
Jetpackとは、30種類以上の機能を備えたプラグインです。これひとつ入れておけば大体のことは出来てしまうのでは？というくらい多機能ですのでよかったらお試しください。
“Jetpackのタイルギャラリーで画像をタイル風に並べてみよう” の続きを読む