【Twitter】デフォルトを「フォロー中（Following）」にするJavaScript | ナポリタン寿司のPC日記
2023年1月からPCウェブサイト版のTwitterのホームタブが、「おすすめ（For You）」と「フォロー中（Following）」に変わりました。 「おすすめ」が、自分がフォローしていない他人のツイートも表示される形式で、「フォロー中」が、自分がフォローしている方のツイートのみが表示されるタイムラインです。 僕は、基本的に「フォロー中（Following）」タブを利用しています。それなのに、「Twitter」を開いた時のデフォルト状態が、「おすすめ（For You）」タブになっています。 毎回クリックして切り替えるのがめんどくさいと思ったので、「JavaScript」を使って、「https://twitter.com/home」にアクセスした時、自動的に「フォロー中（Following）」タブに切り替えることにしました。 僕は、JavaScriptが全くできないので、人工知能「Cha
JavaScriptで取り組むクリエイティブコーディング - パーリンノイズを使いこなせ - ICS MEDIA
HTML Canvas要素とJavaScriptを使うと、手軽にクリエイティブコーディングをはじめられます。 先月7月25日に開催されたイベント「Frontend de KANPAI! #4」では、プログラミングアートの楽しさを紹介すべく「JavaScriptとWebGLで取り組むクリエイティブコーディング」と題して発表しました。本記事ではそのときの登壇内容を記事として紹介します。 本記事ではHTML CanvasとJavaScriptの理解につながることを目標に、次のモーショングラフィックの作成方法をステップ形式で解説します。サンプルのソースコードはすべてGitHubにて公開していますので、あわせて参照ください。 ▲ 完成版サンプル。実装する上で重要な表現のエッセンスだけを絞って解説します サンプルを別ウインドウで開く コードを確認する ステップ① 描画のためのcanvasを用意 サンプ
スラスラ読める JavaScriptふりがなプログラミング - インプレスブックス
2,035円（本体 1,850円＋税10%） 品種名書籍 発売日2018/6/22 ページ数192 サイズA5判 著者 及川 卓也 監修/リブロワークス 著 ISBN 9784295003854 「プログラムの読み方をすべて載せる（ふりがなをふる）」という手法で究極のやさしさを目指した、まったく新しいJavaScript（ジャバスクリプト）の入門書です。本書内に登場するプログラムの読み方をすべて載せ、さらに、漢文訓読の手法を取り入れ、読み下し文を用意。プログラムの1行1行が何を意味していて、どう動くのかが理解できます。この新しいアプローチで「プログラムが読めないから、自分がいま何をしているのかわからない」といったプログラミング入門者が途中で挫折してしまう原因を解決しました。 目次を見る
旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
スクロール時に要素の表示・非表示を切り替えたり、固定配置する動きを実装できるスクリプト 10 - NxWorld
見かけることが多いスクロールしていくと途中から要素が表示されたり、一定の範囲内のみで要素が固定配置されるといった動きを実装できるスクリプトのまとめです。 中にはスクロールアップ時には〇〇して、スクロールダウン時には△△するというように、スクロールした方向によって動きを変更したり、特定の箇所まで行ったときに関数を実行するというような動きを実装できるものもあります。 紹介している中で特にシンプルな動きのものは、わざわざこういったものを使わなくとも自分で1から実装してしまう方も多いでしょうし、ググれば実装方法も沢山出てはくるものの、スクリプトが苦手な方や少しでも手っ取り早く実装したいという方にはやはり便利だと思います。 探せばもっと高機能なものや使いやすいものが沢山あるとは思いますが、ここでは自分も利用したことがあるものや目についたものを紹介します。 Headroom.js スクロールの方向（上
あなたのブラウザでJavaScriptを有効にする方法とその理由
もしあなたがWeb開発者なら、<span>どうやって<code><noscript></code>のコードをWebページに導入するかの<a href="#developer" id="devinfo">説明を参照してください</a>。</span> Google Chrome Webブラウザーのメニューから"Customize and control Google Chrome"をクリックし、"Settings"を選択して下さい。 "Settings"というセクションにある"Show advanced settings..."をクリックします。 "Privacy"内の"Content settings..."をクリックします。 ダイアログ・ウィンドウが開いたなら"JavaScript"というセクションを探し、"Allow all sites to run JavaScript
[JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js
ウェブページで日本語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日本語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.Kerning.jsのデモ jQuery.Kerning.jsの使い方 jQuery.Kerning.jsのデモ デモでは上：カーニング無し、下：カーニング有りの状態で、明朝とゴシックの2書体がチェックできます。 適用されている方が、読みやすいですね。 ゴシック体のデモ、上：カーニング無し、下：カーニング有り jQuery.Kerning.jsの使い方 Step 1: 外部ファイル jquery.j
rainyday.js
About The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Simple enough, right? Have a look at the demos to see it in action. Features rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components. Cross-browse
サイト速度とonload再考 | ゆっくりと…
単にウケ狙いなら「革新的！GAのページ平均読み込み時間を劇的に速くする方法」とか「もう3rdパーティーに邪魔させない、超高速スクリプト読み込み術」（笑）とかの煽りタイトルを付けるところですが、今回はもっと本質的なことを論じてみたいと思います。 「プログレッシブレンダリングでUXを向上させるJS非同期読み込みのベストプラクティス」では、スクリプトの読み込みと実行を window.onload 対象から切り離し、見た目のページ速度を速くする方法について書きました。この方法は既存のスクリプトを書き換える必要があるため、Stoyan Stefanov によって 実験的に実装された Facebook SDK か、自前のスクリプトにしか適用できませんでした。 しかし今回、Hatena や Twitter、Pocket、Disqus など、他の 3rd パーティ製スクリプトにも適用できる方法 − “進化
Casper.JSのススメ - After Coding
2013-08-17 Casper.JSのススメ Phantom.JSというヘッドレスブラウザがある。 これが超便利なんだけど、セッション周りとか込み入った操作をしようと思うと途端に操作(JSファイルへの記述)が面倒になる。 そこで、Casper.JSの出番だ。 CasperはPhantomと連携するライブラリで、簡単な記述で複雑な操作を実現することができる。 また、Phantomのレンダリングエンジンはwebkitで、Gekkoで動いているSlimer.JSってのもあって、これらの上で動くCasperを使っているとレンダリングどっちも使えるので捗る(と思う)。 今回はEnd-to-Endテストの実現を目的に、Casper.JSでwebサイトのHTMLを解析してみる。 もちろん、スクレイピングなどにも応用可能だ。 ↑ヨルムンガンドに出てくる主人公(ココ・ヘクマティアル)の兄キ
日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと便利にした XDateオブジェクト を実装するライブラリです。 使い方はDateとほとんど変わらず、XDateに引数を渡して初期化して使います。 XDateオブジェクトは、DateにあるsetTimeやgetFullYearなどのメソッドを継承している他、 日付の足し算を行ったり、差分を計算したり等便利なメソッドが沢山生えています。 var d = new XDate(1977, 10, 25); // 1977/1
乗り換え回数を可視化する :: デイリーポータルZ
他の駅でも調べる 巣鴨以外の駅についても同じように調べたい。 じつは地図の各駅を表す青い丸印は、クリックするとそこから出発した図を描けるようになっている。下に同じ地図を再掲するので、新宿や光が丘など、好きな駅をクリックしてみてください。 (地図の準備に30秒ほどかかる場合があります。地図のすぐ下の「到達した駅」の数字が0/597になるまでしばらくお待ち下さい。google chromeだと早いです。) 使い方は次のとおり。 1. 駅をクリックすると、そこから乗り換え0回で行ける範囲が塗られる。 2. 同じ駅をクリックすると、乗り換え1回で行ける範囲が別の色で塗られる。以下同様。 3. 違う駅をクリックすると、リセットされてその駅の乗り換え0回からやり直し。 4. 色が塗られ中のときは、駅をクリックしても何も起きません。 5. 駅の丸が小さいのでクリックしにくいかもしれません。カーソルの形が
MacでもLinuxでも使える! 無償の Visual Studio Code を使用した Cordova 開発 - monoe's blog - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 ２．プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 ３．プラグインのダウンロード githubのjQue
開閉式のメニューを作る - jQuery 日本語リファレンス
よくある開閉するメニュー（リファレンスTOPでもやってます）の実装は、slideToggle()を使えば簡単に出来ます。 例えばこのサイトの左側に出ているメニューでは [HTMLソース] <div id="navi"> : <h4>API</h4> <ul class="sub"> <li><a href="/jquery/api/core/">Core</a></li> <li><a href="/jquery/api/selectors/">Selectors</a></li> <li><a href="/jquery/api/attributes/">Attributes</a></li> <li><a href="/jquery/api/traversing/">Traversing</a></li> <li><a href="/jquery/api/manipulation/">
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/catnose99/status/1602508250532171776
JITをやめてみる ～Microsoft、「Edge」で「めっちゃすげえセキュリティモード」をテスト／標的となっている「V8」の攻撃面を減らし、レンダラープロセスで強力な緩和策を有効化
自宅で副業独立宣言！ 副業のご提案（自宅で副業倶楽部）
Clock Shop
PC
