現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 - JavaScript TIPSふぁくとりー
《2017年6月15日 11:30 AM 公開/更新》 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 [日付・時刻] JavaScriptを使えば、現在時刻をテキストでリアルタイムに表示し続けるデジタル時計をウェブページ上に作ることも簡単にできます。現在時刻を得て、ページ上の文字列を書き換える処理を、1秒毎に自動実行するよう記述すれば良いだけです。 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 現在時刻を得て表示する方法 1秒毎に特定の処理(関数)を実行する方法 1秒毎に描画を更新して、リアルタイムに表示し続けるデジタル時計を作るHTML＋JavaScriptソース 現在時刻をテキストでリアルタイムに表示し続ける時計を作る方法 JavaScriptを使えば、現在の日付や時刻が得られます。一定間隔ごとに特定の処理を自動実行する方法は、記事「経過時間(秒数)をリ
マウスクリックで表示画像を差し替える方法 - JavaScript TIPSふぁくとりー
《2017年6月12日 1:00 PM 公開/更新》 マウスクリックで表示画像を差し替える方法 [装飾・内容変更] 表示されている画像を別の画像に差し替えたい(変化させたい)場合は、JavaScriptを使って対象の画像(img要素)のsrcプロパティに新画像のURLを代入するだけで簡単に実現できます。ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。 マウスクリックで表示画像を差し替える方法 あるIDが付加された画像を差し替える(変化させる) 指定IDの画像を差し替える汎用関数を作る マウスクリックで表示画像を差し替える方法 単一の画像表示スペースに次々に画像を表示させたい場合など、表示されている画像を別の画像に差し替えたい(変化させたい)ことがあります。 ここでは例として、閲覧者がマウスをクリックすることで画像を差し替える機能を作ってみます。すごく
ファイルをダウンロードさせるには？［JavaScript］
リンクをクリックするだけでファイルをダウンロードできるようにするには、HTML5のdownload属性を使う方法とJavaScriptコードを使う方法がある。 連載目次 Webページで、エンドユーザーにファイルをダウンロードさせたいことがある。ZIPファイルなどはHTMLでリンクを記述すればよいのだが、テキストファイルやPDFファイルなどのリンクはダウンロードされずにWebブラウザで開いてしまう。何とかならないだろうか？ 本稿ではJavaScriptでファイルをダウンロードさせる方法を解説する。 HTML5のdownload属性 JavaScriptを書き始める前に、HTML5での解決策を紹介しておこう。 リンク（HTMLの<a>要素）には、HTML5でdownload属性が追加された。この属性に対応しているブラウザであれば、テキストファイルやPDFファイルなどでもリンクのクリックでファイ
【初心者向け】HTMLとは？何が作れる、学ぶ意味があるのかを徹底解説！ | Skilled Magazine | Vue.js オフィシャルパートナー
キャリア2020.06.162021.02.18Yuki 【初心者向け】HTMLとは？何が作れる、学ぶ意味があるのかを徹底解説！ WEBプログラミングを学ぶ入り口としてほとんどの人が最初に学習するといわれるのが『HTML』です。 しかし、プログラミングを勉強したばかりの方は 『HTMLの意味が分からない』 『HTMLを覚えて出来ることはなに？』 など難しく感じているのではないでしょうか。 今回はそんなプログラミング初心者の方に『HTMLとは？』『HTMLを学ぶメリット』などについて分かりやすく解説していきます。 HTMLとは『Hyper Text Markup Language（ハイパーテキスト・マークアップ・ランゲージ）』の頭文字をとった略称で、ウェブページを作成するために開発されたマークアップ言語です。 普段あなたがChromeやsafariなどのブラウザで目にしているWebページは全
HTMLエディタを自作！「簡易的なHTMLエディタをhtml/css、javascriptで作成する方法」
現在、自作でホームページのCMSを作成しているのですが、記事作成画面となる「エディタ画面」も自作してみましたので、ここでまとめておこうと思います。 先に画像を貼っておきます。下のような簡易的なやつになります。 htmlのtextarerが入力画面となっていて、隣にあるdiv要素で作ったboxに入力した内容が反映される感じになってます。 Ajaxのような非同期通信にも見えますが、そんな高度な事はしておらず、javascriptのkey up関数で、キーボード入力が検知（キーが上がった瞬間）されれば、textareaの内容がdiv要素に渡されるだけの、簡易的なプログラムになります。 簡単なHTML/CSSとjavascriptで作成できるので、しょぼいですがなにかの参考になれば幸いです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset
急がば回ってみる 自作ツール作成のすすめ~ nodeを使ったHTMLデータ収集ツール ~
誰も怒らないなら、ダイレクトお鍋（鍋から直接料理を食べてしまう）をしてしまう コーダー兼ズボラの小宮山です。 今回は自作ツールの紹介とその記録です。 玄人感はないので、あしからずご了承ください。 ご指摘のポイントたくさんあるかとは思いますが、楽しく作ったんだと感じてもらえれば嬉しいです。 ※すぐにツールを使いたい方は、こちらのアンカーリンクから読んでください。 ある日ふいにきたミッション きっかけの２択 ある日の忙しい１日ことです。 「40ページくらいサイト内の情報をページごとにエクセルデータにまとめたい」 というミッションを部内のディレクターから託されました。 ズボラな僕は、この作業がコンパクトに終わる最善の方法を考えはじめます。 そこで、最初に、Webでいろいろと検索し、すでに有益な情報をあげてくださっているみなさんのお力を借りることに。 情報をまとめてエクセルで出すツールはないだろう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで要素を左寄せ・中央寄せ・右寄せする方法
GitHub