2017-01-01から1年間の記事一覧
PCの前で瞬きをしていたら、あっという間に2017年が終わってしまいました。 皆様いかがお過ごしでしょうか。 今年もざっくりこの1年間を振り返ってみたいと思います。 2017年のできごと。 組織の変更によりフロント側の人間へ。 今までは制作メインだったけ…
すみませんッ!ブログさぼってました。 今回も大した内容ではないですが、メモです。 もうclassの付与とか剥奪だけならこんなに短くかけるのか ということでソースとDEMOです。 ソース let btn = document.querySelector('.btn'); btn.addEventListener('cli…
最近みつけた超カオスなユーザーエージェントがある。 それがこれだ。 カオスなユーザーエージェント mozilla/5.0 (windows nt 10.0; wow64; trident/7.0; touch; .net4.0c; .net4.0e; .net clr 2.0.50727; .net clr 3.0.30729; .net clr 3.5.30729; tablet …
Googleからこんな通達が届いた。 2017 年 10 月より、ユーザーが Chrome(バージョン 62)で HTTP ページのフォームにテキストを入力すると、「保護されていません」という警告が表示されるようになります。 非SSL環境だと安全でないと判断されるようになるよ…
「Tweet Grid」が発表になったのは2015年でかなり今更感あるけどあんまり日本語記事が出てこないので備忘録としてまとめておきやす。 「Tweet Grid」とは? 好きなツイートを自分で選択してグリッド形式でWebサイト上に表示する方法。 カスタマイズ可能で見…
手順1:nodistのインストーラー https://github.com/marcelklehr/nodist/releases/ 環境変数の設定とかすべてやってくれるので最新版をインストールすればOK。 めっちゃ楽だ。 nodistとは Windowsでnode.jsのバージョン管理をするのに便利なやーつ。 コマン…
「昔作ったサイトをVue.jsで書き換えています。」的な記事をチラホラみかけるので私も勉強がてらに実装してみました。 ※ 本記事では、YouTubeからプレイリスト(JSON)を取得するところの説明は省いております。 (ググれば優秀な記事がたくさん出てくるので…
本日はフリック操作時のエラーについてです。 過去にも何度かうまくいかず原因を解明しては、忘れてしまっていた内容なので備忘録として残しておきます。 エラーになる記述 e.changedTouches[0].pageX event.changedTouches[0].pageX エラー内容 e.changedTo…
htaccessを用意できないなんて時に気休めくらいに使って頂ければと思います。 「なんちゃってでもいいから、とりあえず認証かけておこう!!」みたいな時にオススメです。 今回使用するJavaScriptソース document.body.style.display = "none"; var inputTex…
メモです。 IEは動きません。 See the Pen bqGdjy by paradox_tm (@takumaro-web) on CodePen. ソースはコードペンを参照ください。
Webサイトを構築する上で必ずルールが存在します。 そのルールの1つが表記。 納品前の成果物に対して「表記揺れ」や「禁止ワード」を効率よく確認できないものかと思いJavaScriptで実装してみました。 イメージ的にはChromeの拡張機能 「goodbye “Zenkaku” -…
2017年12月28日更新 仕様変更によりこちらのソースは利用できなくなっておりました。。 Twitterから投稿を取得して自分のWebサイトに表示させるのにAccess Tokenを取得したりOAuth認証させたりで色々手間なんですがそんな手間を省いてくれるありがたいライブ…