ホームページ- EY-Office
小ネタです、JavaScriptで本日の日付をYYYY-MM-DD形式で得るコードは案外面倒です。 本日2023年4月17日なら 2023-04-17 という文字列を得るコードはRubyならTime.now.strftime("%Y-%m-%d")、Pythonならdatetime.today().strftime("%Y-%m-%d")（importは省略しました）と簡単に書けますが、JavaScriptでは案外面倒なのです。 追記： いくつかの間違いのご指摘がありましたので修正しました（2023-04-19）。 DeepAIが生成した画像です いっけん正しいようで間違ったコード new Date().toISOString().slice(0,10) new Date()で本日の日時を取得します toISOString()メソッドは日時データをISO形式の文字列に変換します、例えば 2
Yahoo!ニュースの元記事を探す - Yahoo!ニュースから元記事へジャンプするユーザスクリプト MOONGIFT
Yahoo!ニュースでは各メディアから提供されたニュース記事が掲載されています。しかし画像などの情報が抜け落ちていたり、リンクがなかったりと情報不足になっていることが良くあります。その結果、元記事を探したりする人も多いのではないでしょうか。 そこで使ってみたいのがYahoo!ニュースの元記事を探すです。Yahoo!ニュースの元記事を素早く探せます。 Yahoo!ニュースの元記事を探すの使い方 サマリーの時点で元記事検索のリンクが出ます。 クリックすると自動的にGoogle検索が実行されて、元記事にジャンプします。 記事詳細でも大丈夫です。 Yahoo!ニュースの元記事を探すはリンクをクリックしても良いですし、自動にも設定できます。Yahoo!ニュースで記事を見て、その後オリジナルを探すという経験が多い人は自動にしておくと幸せになれそうです。 Yahoo!ニュースの元記事を探すはJavaSc
閲覧者のユーザーエージェントを三角関数で判定できるか？ - Qiita
概要 先日ふと自分のPCのフィンガープリントを取ってみたところ「IPアドレス」など様々な項目が並ぶ中に「Math.tan」という変な項目を見つけました。 「なぜ三角関数が出てくるの？」と気になって調べてみたところ、**三角関数の値はブラウザやOSの実装により微妙に異なることがあり、特定の式をブラウザに計算させることで利用者を識別する手段になり得る1**という話でした。 面白そうだなと思ったので、本記事ではその手法で実際どの程度までブラウザ/OSを判別できるのか調査してみました。 検証方法 今回は様々な文献12の情報を参考に、以下の式を各OSの各ブラウザに計算させました。 tan(-1e300) cosh(10)（厳密には三角関数の類似ですが） これら以外も10数種類ほど試したのですが、判別に使えたのはこの2つのみでした。 試したOSとバージョン macOS Catalina (ver.10
ニッチすぎる！？知られざる広告JavaScriptの世界 - CARTA TECH BLOG
こんにちは。雨宮(@rail44)です。 普段はヨーヨーやポケモンに興じるかたわら、株式会社fluctで広告配信システムの開発を担当しています。 fluctは広告業界ではSSP(Supply-Side Platform)と呼ばれる立ち位置で、インターネットメディアの収益の最大化にフォーカスした事業を行っています。 私たちのシステムを使うと、広告によるマネタイズが面倒な運用無しに出来る。といったイメージです。 この記事では、自分が直近で担当をしている広告の配信スクリプトと、普段注目されづらいその裏側について書いていきたいと思います！ 広告タグの構造 さて、webページに広告を表示したい場合、アプリケーションはHTMLで記述されているため、広告もHTMLタグの形でお渡しすることになります。 (※fluctではモバイルアプリや動画プレイヤーへの広告配信も行っており、それらの場合はHTMLではない
選択した部分を絶対にそのまま「コピー＆ペースト」できないウェブサイト、その仕組みとは？
文書ファイルやウェブサイトの内容をクリップボードに保存し別の場所に貼り付ける「コピー＆ペースト」は、PCやスマートフォンが普及した現在は日常的に行われています。コピー＆ペーストはコピーしたい範囲をマウスなどでドラッグすることで指定しますが、指定した通りにコピー＆ペーストできないウェブサイトがあると、エンジニアのAlex Ellisさんが指摘しています。 Don't touch my clipboard · Caffeinspiration https://alexanderell.is/posts/taking-over-my-clipboard/ Alexさんがemダッシュ記号をコピー＆ペーストするため、「The Punctuation Guide」というウェブサイトにアクセスし、その内容をコピー＆ペーストしようとしました。 Em dash | The Punctuation Guide
JavaScriptエンジンの仕組みをGIFアニメで分かりやすく解説
Node.jsおよびChromiumベースのブラウザで使用されるJavaScriptエンジンの仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。 🚀⚙️ JavaScript Visualized: the JavaScript Engine by Lydia Hallie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JavaScriptを視覚的に解説: JavaScriptエンジン JavaScriptはクールです（私はそう思います）が、あなたが書いたコードをマシンが実際に理解するにはどうすればいいのでしょうか。JavaScriptデベロッパーは通常、コンパイラを自分で扱う必要はありません。しかし、JavaScriptエンジンの仕組みを理解し、人に優しいJavaScriptコードをどのように処理
音楽をプログラミングできるJavaScriptライブラリ「Ongaq JS」をリリースしました。
株式会社コードナインスは、音楽をプログラミングするJavaScriptライブラリ「Ongaq JS」とユーザー登録やチュートリアルの閲覧が可能なポータルサイトをリリースいたしました。 株式会社コードナインス（本社：東京都豊島区、代表：高倉大幸、以下コードナインス）は、音楽をプログラミングするJavaScriptライブラリ「Ongaq JS」と文法の解説・サンプルコード・チュートリアル等の閲覧やユーザー登録が可能なポータルサイトをリリースいたしました。幅広い年代でプログラミングへの関心が高まる中、多くのユーザーがプログラミングを楽しみながら学ぶための題材としてご提案するべく、今後機能の拡充と応用サービスの開発を進めてまいります。 ◆ URL https://www.ongaqjs.com/ ◆ 提供するサービス ユーザーは「Ongaq JS」を使い、Webページを作る要領で音楽をプログラミン
この発想はすごい！アニメーションgifの再生・停止をコントロールできるJavaScriptライブラリ -Freezeframe.js
アニメーションgifの再生・停止をホバー・クリック・タップ、そしてボタン・アイコンでコントロールできる軽量JavaScriptライブラリを紹介します。 canvasに書き込むという発想がすごいですね。 通常アニメーションgifは自動再生されますが、このスクリプトを使用すると、ユーザーの操作をトリガーに再生・停止させることができます。 Freezeframe.js -GitHub Freezeframe.jsの特徴 Freezeframe.jsのデモ Freezeframe.jsの使い方 Freezeframe.jsの特徴 Freezeframe.jsではアニメーションgifの最初のフレームだけをcanvasに書き込み、gifの静止画バージョンを自動作成します。あとは、この静止画バージョンとアニメーションgifをトリガーで切り替え、アニメーションgifを再生・停止させます。 下記は、ホバーで
マウススクロールで「SVGグラデーション」を動かそう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのドリルです。 今回はマウススクロールで、SVGグラデーションを動かすというアニメーションをご紹介します。 SVGについてもしご存知なければ、ぜひこちらの記事をご参照ください。 SVGグラデーションの配置 HTML 横200px、縦200pxの四角形を描画しています。 linearGradient要素のx1、y1はグラデーションの始点、x2、y2はグラデーションの終点です。この場合、四角形の左上から、右下にかけてグラデーションさせています。 色に関しては、始点は赤、終点は青に設定しています。 四角形の塗りは、g要素、fill属性の中に、linearGradient要素のidを記述することで、グラデーションが適応されます。 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"> <def
懐かしすぎる！カーソルに追従するあのエフェクトを現在のJavaScriptで実装 -90's Cursor Effects
20年くらい前、ジオシティーズとか全盛期の頃でしょうか、個人ブログなどで必ずと言っていいほど設置されていたカーソルに追従するエフェクトを現在のJavaScriptで実装しなおした「90's Cursor Effects」を紹介します。 こんなの知らない！ という人も多そうですね。 90's Cursor Effects -GitHub スクリプトは現在用に実装されており、スマホなどのタッチデバイスでも動作します。アニメーションの動きや絵文字など、当時には実現できなかったものも使用されています。 雪が降って、ブラウザの枠に積もるのとかも懐かしいですね。
JavaScript で陥りやすい失敗例を振り返る - Qiita
個人的に今まで JavaScript を書いてて陥った失敗例などを振り返ってみました。 この記事にあるいくつかの失敗例については恐らく殆どの方が経験してるのではないかなと思います。 これから JavaScript 勉強するぞ！！という方や、現在進行形でこのような失敗に陥っている方の助けになれば幸いです。 コードの解説に関しては簡潔に行なっているので、気になった方はググってください。 DOM の取得及び操作 要素を取得して is-close なスタイルを付与したい。 しかし、エラーになってスタイルを付与できない // 失敗例 const hoge = document.getElementsByClassName('hoge'); hoge.classList.add('is-close'); // 正しい例 const hoge = document.getElementsByClassN
ブロックチェーンのデータ構造をJavascriptで作ろう｜es
今回はJavascriptで、ブロックチェーンのデータ構造を実装します。ブロックチェーンのデータ構造を実際に作ってみると、その堅牢性が理解できると思います。nonceを求めるマイニング・アルゴリズムも実装します。 なお、P2Pでノード間で同期を取ったり、コンセンサス・アルゴリズムで合意形成を取るところまでは、実装しませんので悪しからず。 ブロックチェーンは「万能薬」でありません。他のプログラムと一緒で、あくまで、アルゴリズムを効率的に実現するデータ構造です。 分散環境下で、セキュアにデータをもつためのデータ構造とも言えます。 つまり、手段です。導入したからといって、問題が自動的に解決したりしません。 それでは早速、作ってみましょう。実際に作業するファイルは２つです。 mkdir project cd project npm init touch blockchan.js touch tes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無償テキストエディター「Mery」もJavaScriptエンジン「V8」に対応／最新ベータ版v3.3.6で
風柳 on Twitter: "Yahoo News Original Finder https://t.co/trBSFNidOS というユーザースクリプトが既に存在していました…（←だから面倒がらずに探せとあれほど…）。 こちらは自動で遷移してくれるようです。"
Web版「Excel」の新しいマクロ機能「Office スクリプト」が一般リリース／ユーザー操作をJavaScriptとして記録・編集・再生・共有
GitHub - furyutei/YN-SearchOrigin: [Yahoo!ニュース](https://news.yahoo.co.jp/)上の記事の、元となった記事を探そうと試みます上の記事の、元となった記事を探そうと試みます](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d72888d87ce801189c1778951c46509b01958c6/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fee647998093cfb044b6aad7254e9dd68a772992cf98b309180ec773080f07699%2Ffuryutei%2FYN-SearchOrigin)
IMI 情報共有基盤 コンポーネントツール
4歳娘「パパ、懐かしいJavaScript書いてるね！」 - Qiita
Ongaq JS
hastebin
