プログラミング未経験者の備忘録

ノンプログラマーが社内SEになったのでイチからプログラミングを勉強し始めました!

javascript

WEBブラウザのメモリー消費を抑えてブラウジングを快適にする

最近のWEBブラウザはとてつもなく重いなって思うのは自分だけでしょうか・・・GoogleChromeも使い込んでいくとドンドン重くなっていくなって感じます。 そこで今回はWEBブラウザのメモリー消費を抑える方法について私が取り入れていることも含め考えてみまし…

スマートフォン最適化ライブラリjQuery Mobile

jQuery公式が開発したスマートフォン向けサイト開発用ライブラリ タッチに最適化されたWebフレームワーク jQuery Mobileは、すべてのスマートフォン、タブレット、およびデスクトップデバイスでアクセス可能なレスポンシブWebサイトおよびアプリを作成するた…

JavaScript専門の検索エンジン:searchlibs

翻訳 SearchLibsを使用すると、ライブラリをすばやく検索および比較できます。それはあなたにデータを提供するので、あなたはどれを選ぶべきかについて教育を受けた決定をすることができます。 この検索エンジンの違いは何ですか? 求めているものだけが得ら…

WEBサイトを一発でダークモードにする軽量JavaScript:Darkmode.js

数行コピペするだけで実装可能 HTML <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.3.4/lib/darkmode-js.min.js"></script><script> new Darkmode().showWidget();</script> 参照 coliss.com darkmodejs.learn.uno github.com

ドラッグ可能な画像ストリップ:Draggable Image Strip

DraggabillyとTweenMaxを使用したコンテンツプレビューを備えたドラッグ可能な画像ストリップレイアウト。 ※古いブラウザーではサポートされていない可能性のある最新のCSSプロパティを使用していることに注意してください。 github.com 参照 tympanus.net

行列固定テーブルをCSSとjavascriptで作成する

HTML <div id="fixedTableArea"> <div id="topLeftArea"> <table id="topLeftTable" class="fixedTable"> <tbody> <tr> <td>column0</td> <td>column1</td> </tr> </tbody> </table> </div> <div id="topRightArea"> <table id="topRightTable" class="fixedTable"> <tbody><tr><td>column2</td><td>column3</td><td>column…</td></tr></tbody></table></div></div>

YouTubeをもっと楽しむ拡張機能「YouTube Plus」

YouTubeをもっと楽しむ拡張機能「YouTube Plus」 機能面 動画の自動再生ONOFF 動画のリピート機能 サムネイルを開く(サムネイル保存も可) スクリーンショットを撮る 別ウィンドウで動画を再生(独立した動画プレイヤー) マウスホイールで音量を変更 ブラ…

jQueryを使ってCSVファイルをHTMLで呼び出して表示するスクリプトパッケージ

csv2table_spg JQueryを使ってCSVファイルをHTMLで呼び出して表示するスクリプトのサンプルパッケージ コード <script> $(function(){ $('#table_disp').csv2table('list.csv'); }); </script> <div id="table_disp"></div> ※IDを変更して使ってください。※ファイル名を変更するとほかのファイルを指定で…

2019年新バージョンの自動フォロースクリプト

以下の記事で書いたTwitterのオートフォロースクリプトの改修バージョンについて アカウントが変わると割り振られているclassが変わるみたいなので編集方法を示しておく。 ベースにしてるのが以下のソース(ブックマークレット) javascript:setInterval(fun…

毎回変わるclassを指定する方法が解らない【javascript】

su3se.hatenablog.com 昨日、この記事を書いたんですけど、今日になって使ってみたら使えなくなってました。 原因はこれのようです。 div内のbuttonのclassを指定してcrickさせてるんですが、この値は毎回変わるようです この辺りになると思うんですけど、こ…

Twitterの自動フォロースクリプトのブックマークレット:新バージョン対応(修正)

今まで使っていたTwitterの自動フォロースクリプトが、Twitterのフォーマットが変わっていつからか動かなくなったので自動フォローのブックマークレットを作成しました。 Twitterの自動フォローブックマークレット 上記のリンクをお気に入り登録してください…

Chrome拡張機能を作ろう!その1

プログラミングを始めて色々作って行きたいなって思って作ろうとして構想していたんですけど、色々とダメになって思い描いたようには再現できないってことが解り仕方なくChrome拡張機能で代用できないかということで、初めて拡張機能を作ってみようと思って…

文字数チェックツール「もじッくん」

文字数チェックが出来るサイトを作りました。 文字数チェックツール もじッくん 既存のJavaScriptを参考にしてサイトはテンプレのヘッダーとフッターだけ使いました。はめ込んだだけでリンクは修正してないのでどこにも飛びません。 色々やってるうちに朝に…

javaScriptの基礎とPHPとの連携についてのメモ

JavaScriptの基本的な書き方の規則と取り扱い方法 JavaScript の書き方 <script>~</script> 通常のページ側でScriptを書く場合は<script>~</script>で挟んで書く <script>~</script><script>alert("Hello!!");</script> 外部ファイル(src=...)jsファイルにプログラムを作りページ側からリンクで呼び出す。 例: <script src="test.js"></script> test.js functi…

WEBブラウザで動くオープンソースのテトリス:「ClojureScript」

WEBブラウザで遊べるテトリスです。 DEMO Githubでオープンソースとして公開されているので自鯖に入れて遊ぶことだってできます。 github.com 作られている言語は「ClojureScript」という言語だそうです。 私は初めて聞いたんですが、JavaScriptから派生した…

ローディングGIFを自作して設置した

サイトにアクセスしたときに処理待ちの間にアニメーションを流す処理「ローディングアニメーションを追加しました。 時々サイト読み込み中にこんなのが出るやつです。 自作したローディングアニメーションは簡単なGIF画像です。 参考にしたサイト こちらのサ…