中山テック 代表の中山です。 先日のブログでは、ページ開いて200pxスクロールすると画面最下に固定バナーを表示・追従させました。 今回は「固定バナーを消せるようにする」「消すためのアイコン(または×ボタン)を実装」「消す際に画像を変える」機能をご紹介いたします。 早速、やっていきましょう！ ※先日のブログから肉付けし...

中山テック 代表の中山です。 さて、最近ゲーム系ブログを色々といじっているのですが、画面下部にふわっと広告を出してます。 ※GoogleAdsenseのアンカー広告と同じような動きをさせている そんな今回は自前のアンカー広告を実装する方法をお話したいと思います。 ※追従バナーを消す方法はコチラ JavaScript&a...

中山テック 代表の中山です。 さて、当ホームページで何かをしている訳ではないのですが、ランダムに画像表示させたいと思いました。 こちらはWordpressで作成しているのでPHPでも制御できるのですが・・・ あえてのJavascript制御で表示します（ｷﾘｯ まぁ理由はありまして・・・どこでもかんたんに作れてリファレ...

中山テック 代表の中山です。 さて、昔は困難を極めたJavaScriptのデバッグ。 ソースコードにダイアログを表示させて1行1行確認していたこともありました。 現在では非常に便利なツールがありますので、デバッグも容易になりました。 ※Google ChromeもMicrosoft Edgeも存在します 今回はJava...

中山テック 代表の中山です。 さて、久しぶりのホームページ制作に関するブログです。 ホームページ制作のご依頼を受ける際に時々アニメーションを差し込みたいというお客様がいらっしゃいます。 中山テックではもちろんお受けすることが可能です。 今回はどのようなアニメーションをご希望されるお客様がいて、実現可能かどうかのお話をし...

中山テック 代表の中山です。 さて、ホームページのTOP下を変えようかなと思い色々試していました。 その中でCSS+Javascript(jQuery)で画面外からテキストと背景をスライドできないかと色々試してみました。 今回は作り方と解説を見ていこうと思います。 ※Animationのプログラムをコチラを参考にしまし...

中山テック 代表の中山です。 さて、今まではブログ→動画で補足という流れでございましたが・・・ 当ブログにおいては動画→ブログの補足となります。 動画編集の勉強を兼ねてやっておりましたが、最近は内容次第で動画をアップすることが増えてきました。 今回は動画（ショートですが）で出した「ホームページを作る」からスクロール→ふ...

中山テック 代表の中山です。 さて、最近プログラミングに触れる機会が少なくなってきたこと、アニメーションを知りたいということで「anime.js」を使ってみました。 特に最近ではYouTubeへの投稿が増えていることから、アニメーションの重要性も感じてきたからです。 今回は当Javascriptの使い方や使い心地を備忘...

中山テック 代表の中山です。 さて先日「HTML+Javascript」でお問合せフォームを作るというブログを執筆しました。 その中で送信ボタンを押下後にメールを送信していましたが、SmtpJSというFW（フレームワーク）を使用しました。 今回はSmtpJSの使い方についてお話したいと思います。 JavaScript&...

中山テック 代表の中山です。 さて、ホームページは基本静的（動きが出せない）です。 アニメーションや状況に応じて動きを変えたい場合は「Javascript」を使用します。 使い方を知りたいけど、やり方がわからないといった方も多いのではないでしょうか。 今回はプラットフォーム「wordpress」でJavascript制...