中山テック 代表の中山です。 突然ですが、スマホでもパソコンでも画像が横にスライドする処理を見たことがありませんか？ 弊社でも以前ゲームブログ内でスライド式広告を表示させていたことがあります。 ※×ボタンを押下すると広告を非表示にさせるという機能付き そんな今回は「複数の画像をスライドさせる」方法についてお話したいと思...

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

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

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

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

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

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

中山テック 代表の中山です。 さて、突然ですがホームページを見ていて、文字が下からフワッと浮き出るアニメーションを見たことがありますか？ これはどのように制御しているのでしょうか。 今回は下から文字をふわっと出す方法についてお話したいと思います。 ※参考ページ 動画 どのようにフワッと動くのか、ショート動画としてYou...

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

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