ウェブサーバー移転とは、ウェブサーバー内のデータを他のサーバーに移転することで、ウェブサイトで使っているレンタルサーバー会社を変更する際などに発生する手続きやデータの移行などを指します。 サーバー移転は、企業などでウェブサイトを新しくしたい、現在のレンタルサーバーの契約内容を見直したい、ウェブサイトからの集客を改善したいといった場合に必要となることも多い一方、専門的な知識も必要となるため自社だけでは進めにくいケースもあります。 この記事では、サーバー移転の概要や移転が必要となる理由、サーバー移転の全体的な流れ、実際に大塚商会アルファメールからエックスサーバーへ移転した事例を元にしたウェブサーバー移転方法の紹介、おさえておきたいポイントや注意点などを紹介しています。 ウェブサーバーの移転とは？ ウェブサーバーの移転とは、ウェブサーバー内のデータを他のサーバーに移転することで、多くの場合、ウェ

めんたいつよし @mentaitsuyoshi @poisoncookie00 ホストっていうより、営業職全般に言えることかな。 それより、先輩に言われて１時間もらって、１ページしか読まない人がいることに驚愕だわ。 2024-01-29 00:14:20

オーディオの自動再生に大きな制約があるといえば、以前は iOS Safari に限った話でした。しかし、現在は PC も含め、あらゆるブラウザーでオーディオの自動再生に大きな制約があります。もし再生できたとしても、次に立ちはだかるのが再生開始遅延です。とりわけスマートフォンでタップ音や通知音を再生したい場合は違和感を感じてしまいます。 今回は、HTML マークアップおよび JavaScript によるオーディオ自動再生にどのような制約があるのか、その制約をどう解決するのか、そして、再生開始遅延を解消する方法について、詳しく見ていきます。 Chrome の自動再生ポリシー オーディオの自動再生ができないという制約は、当初は iOS Safari に限った話でした。ところが、Google が自動再生ポリシーを発表してから、メジャーブラウザーすべてがそれに従うようになりました。英語ですが「Aut

デジタルトランスフォーメーション（DX）を推進する中で、最も具体的な取り組みがアプリケーション開発だろう。先駆けとなったUberやAirbnbなどではアプリケーションそのものが「革新」だからだ。こうしたDXアプリケーションの特徴の1つがアジャイル開発によるものであることだ。そして、それを実現する手段として開発と運用を一体として考えるDevOpsが普及。そこからさらにそのためのツールとして、CI/CD（継続的インテグレーション／継続的デリバリー）が注目を集めている。ここでは、自動化の考え方を取り入れて、リリース頻度を高めるCI/CDについて、基礎から主要ツール、活用事例まで、わかりやすく解説する。 製造業向け基幹系システムの開発を経験後、企業ITの編集、ライター業に従事。ファイナンス、サプライチェーンなど、企業経営の知識を軸にした執筆に強みを持つ。インダストリー4.0など新たな技術による製造

この記事では、Mac版エクセルで印刷する方法をご紹介します。 印刷範囲の設定方法やプレビュー機能の活用など、Macユーザーがエクセルでスムーズに印刷する手順をご紹介します。 Mac版エクセルでブック全体を印刷する方法や、Mac版エクセルで指定した印刷範囲を印刷する方法などをご説明しています。 Mac版エクセルで印刷する方法 Mac版エクセルで印刷する方法をご紹介します。 Mac版エクセルでブック全体を印刷する 上の画像のように複数シートがあるエクセルファイルで、ブック全体を印刷したい場合があります。 以下で、Mac版エクセルでブック全体を印刷する方法をご説明します。 ①画面上のメニューバーにあるファイル、②プリントの順に選択します。 ⌘+Pのショートカットでも、プリント画面を表示させることができます。 「プリント」ダイアログボックスが表示されました。 ①プリンター、②印刷で「ブック全体」の

〽️基本形。 〽️往復。 〽️100%表示で発生。 〽️画面中央で発生。 〽️複数要素。 〽️横並び要素を同時発火。 SVGアニメーション、作り方。 静的コンテンツの枠を飛び出す。 CSSアニメーション、作り方。 webアニメーションを１から学ぼう♪ ⬆︎SVGついてのまとめページ、CSSアニメーションの基本コーナーはこちら。 syntax。 let options = ｛ bbrootMargin:"「「５〇〇」」", bbthreshold:[「「５〇〇」」], bbroot:「「５〇〇」」 bb ｝; const observer = new IntersectionObserver(callback,options); observer.observe(「「５element」」); function callback(entries) ｛ bb「「３//処理」」 bb｝ 好きなスク

document.getElementById('video').addEventListener('loadstart', function(e) { console.log(e) }) Copy

BIGLOBEの開発現場の様子や、developブランチにrebaseで綺麗なコミット履歴を作る方法をご紹介します。 はじめまして！ GitHubを中心に仕事がまわる開発現場 Git logが綺麗だとバグが起こりにくい？ developブランチを綺麗に保つGit操作（マージ編） 1. そのまま気にせずdevelopにマージする。 2. 最新のdevelopをfeature/Bブランチに取り込んでからdevelopにマージする 3. 最新のdevelopにrebaseしてからマージする ﾘﾍﾞｰｽ ｺﾜｸﾅｲｮ 最後に はじめまして！ 基盤本部（開発部門）の江角です。 2021年8月にSIerからBIGLOBEに転職し、半年が経過しました。 転職期間中はもちろんコロナ禍で、カジュアル面談も面接も全てオンラインでした（多分今もそうだと思います）。 入社日当日は出社しましたが、入社してから半年の

こんにちは、シャチです。 前回までのサンプルで WEB_AUDIO_API における音声ファイル再生の基礎は解説しました。 ここからは基本的な機能の実装方法を書いていきたいと思います。 今回はWEB_AUDIO_API で音量操作をする方法についてです。 WEB_AUDIO_API では AudioContext と BufferSource を接続しないと音が出ない 今まで見せてきたサンプルにこのようなコードがあったかと思います。 // AudioContext と BufferSource を接続 source.connect(context.destination); たった一行のコードですが、コレがないといくら頑張っても音は鳴りません。 AudioContext ってそもそも何？ 私もよく分かりませんが、どこのサイトでも言われているのが以下の2点です。 WEB_AUDIO_APIを

複数のページで構成されたReactアプリケーションを構築する際にはReact単独ではルーティングの機能をもっていないためルーティングライブラリが必要となります。数あるルーティングライブラリの中でReact Routerは最も人気の高いライブラリです。複数のページを持つということはブラウザからアクセスするためのURLが複数存在することになります。アプリケーションを構成するURLにアクセスした場合にどのページコンポーネントのコンテンツを表示させるのかといったルーティングの設定をReact Routerを利用して行います。ログインページやユーザ登録ページなど複数のページが必要なアプリケーションをReactを利用して構築したい場合にはReact Routerを利用することになります。 通常のWEBサーバではページを移動する度にサーバから送られてくるコンテンツをブラウザ上に描写させるためページ全体の

ウェブ制作では本番環境であれこれイジるのではなくやはりローカル（マイPC内だけ）でイジりたいものだ。なのでサーバーとローカル間でのお引越しが頻繁に必要になってくる。手順はまあまあ面倒だが方法論は確立している。近頃ようやくすんなり引っ越しができるようになり、ここらへんで忘れないうちに手順をまとめておこうと思う。 引っ越しというのは下記のように2種類ある。行きと帰り。 本番サーバーのサイトをローカルに引越しローカルサイトを本番サーバーへ引越し ここでは1の引越し方法を。2はまた別記事をいずれ。 前提条件 既存の本番サイトはさくらインターネット・スタンダードプランローカル環境はWordPressローカル環境構築ツール Local by flywheel（以降Local） インストール済のmacバックアップ系や移行支援などのWordPressのプラグインは使わないデータベースの書換えにSearch

どうも！かけちまるです！ WordPressで構築したサイトをリニューアルするとき本番環境で直接更新してしまうとサイト閲覧者に更新途中の画面が表示されてしまったりと問題があります。 じゃあどうするか？こうしましょう！ Local by Flywheel（ローカル・バイ・フライホイール）というソフトウェアを使って本番環境と全く同じサイトをローカル環境にも構築してそのローカル環境で開発をするという方法をとれば良さそうですね。 てことでこの記事ではLocal by Flywheel（ローカル・バイ・フライホイール）を使って本番環境と全く同じサイトをローカル環境にも構築方法を解説していきます。 この記事を読むと、 ・Local by Flywheelのダウンロード方法 ・本番環境のWordPressをローカル環境に構築する方法 ・Local by Flywheelで構築したWordPressをSS

【至高のもやし炒め】 是非お試しください！ ★今回のレシピはこちら↓ ーーーーーーーーーーーーーー 【至高のもやし炒め】 もやし　　200g 豚バラ肉　80g （肉の下味で塩コショウ適量） ラード　　大さじ1と小さじ１ (サラダ油でもOK) 片栗粉　　小さじ1/2 塩　　　　小さじ1/3 醤油　　　小さじ1/2 黒胡椒　　適量 味の素　　6振り にんにく　2片 長ねぎ　　20g ★味変でラー油 至高のもやし炒め もやし200gをボウルに入れラード大さじ1(もしくはサラダ油)を入れラップし600w1分チン 片栗粉小さじ1/2をもみこみ、塩小さじ1/3、醤油小さじ1/2、黒胡椒、味の素6振り入れ混ぜておく塩コショウした豚バラ80g入れ油で炒め、にんにく2片、長ねぎ20gを炒め、モヤシを入れ炒め完成 ーーーーーーーーーーーーーー 動画を見ていただいて楽しんで頂けましたら 高評価＆チャンネル登

追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

The Biggest Collection of Loading Animations Over 600+ CSS-only loaders made using a single element <div class="loader"></div> Don't know which loader to use? Here is one for you 👇 Click the loader to copy the CSS Get another CSS Loader

Intro DOM のイベントリスナの仕様に Passive Event Listeners というオプションが追加された。 このオプションは、主にモバイルなどでのスクロールの詰まり(Scroll Junk) を解決するために導入されたものである。 今回は、この仕様が解決する問題と、本サイトへの適用を解説する。 Passive Event Listeners Spec Scroll Event の PreventDefault() 画面のスクロールに合わせたインタラクションを実装する場合、 Scroll Event にイベントリスナを登録する。 典型的な例では touchstart や touchend をフックし、その中で DOM の操作などを実施するなどがある。 場合によってはイベントリスナ内で preventDefault() を呼ぶことで、スクロールそのものを止めることもできる。

ウェブサイトをスクロールした時に、他のサイトよりも滑らかに余韻が残るような動きを目にしたことはないでしょうか？　このスクロールの挙動は慣性スクロールと呼ばれ、ウェブサイトを演出する手法のひとつです。 スクロール操作を止めた後に少し余韻が残りながらスクロールが継続することで、コンテンツをスムーズに閲覧できたり、演出と組み合わせることで世界観や没入感を表現できます。また、macOSに比べるとWindowsはデフォルトでスクロールしたときにカクカクと動くため、慣性スクロールを実装するとWindowsでもmacOSのように滑らかにスクロールさせることができます。 前編である今回の記事では、慣性スクロールを使ったウェブサイトを紹介し、簡単に実装できるライブラリ「Lenis」で実際に慣性スクロールを実装してみます。 慣性スクロールが使われているサイト 慣性スクロールはどのようなウェブサイトで使われてい