JavaScript&CSS

中山テック 代表の中山です。 とある人気ゲームレビューと東京競馬場、中山競馬場のブログをちょっと前に分割しました。 その際に見たい内容が分散してしまい「どこのブログに載っていたか」がわかり辛い！ ということもあり、各テーマでの索引を追従メニューとして追加しました。 どのように実装すれば良いのか、JavaScript＆C...

中山テック 代表の中山です。 ホームページ運用をしていると、複数のページに同じ処理を記述しなければならない時が来ます。 ページを開く⇒コピペした処理を貼り付ける⇒ページを閉じるの繰り返しと非常に面倒です。 人の手って思ったより不正確であり、コピペミスが発生する可能性もあります。 ではどのような対処すればよいのか、お話し...

中山テック 代表の中山です。 さて、最近ではゲーム系ブログにJavaScriptをガンガン書き込んでおります。 ちょっと重くなったかもですが 文字列を定数化させることが多いのですが、長くなってしまうこともしばしば。 所が普通に改行してしまうとエラーが発生します。 ではどのように改行すれば良いのか、文字列とプログラムの両...

中山テック 代表の中山です。 さて、スマホの下部や上部で画像が滑らかにスライドするのを見たことありますでしょうか。 私は、よくあります（汗 そんな弊社も、ゲーム系ブログは最下に画像をスライドさせております。 すいません広告です・・・ 今回はJavaScript×CSSで画像を滑らかにスライドさせる方法をお話したいと思い...

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

中山テック 代表の中山です。 さて、最近ゲーム系ブログで色々といじっているのですが、画面下部にふわっと画像を出してます。 CSSでふわっと出してJavaScriptでスクロール制御といった形を取り入れています。 GoogleAdsenseを取り入れているWEBページではよく見られる手法です。 似たような機能を実装したの...

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

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

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

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