Fly higher! Sky is the limit!

webの現場で働く人のブログ

2017-01-01から1年間の記事一覧

2017年を振り返って。

PCの前で瞬きをしていたら、あっという間に2017年が終わってしまいました。 皆様いかがお過ごしでしょうか。 今年もざっくりこの1年間を振り返ってみたいと思います。 2017年のできごと。 組織の変更によりフロント側の人間へ。 今までは制作メインだったけ…

もうclassの付与とか剥奪ならこんなに短くかけるのか。

すみませんッ!ブログさぼってました。 今回も大した内容ではないですが、メモです。 もう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 …

[Chrome]セキュリティ警告を出すようになるらしい。

Googleからこんな通達が届いた。 2017 年 10 月より、ユーザーが Chrome(バージョン 62)で HTTP ページのフォームにテキストを入力すると、「保護されていません」という警告が表示されるようになります。 非SSL環境だと安全でないと判断されるようになるよ…

好きなツイートを自分で選択してグリッド形式でWebサイト上に表示する方法(Tweet Gridの使い方)

「Tweet Grid」が発表になったのは2015年でかなり今更感あるけどあんまり日本語記事が出てこないので備忘録としてまとめておきやす。 「Tweet Grid」とは? 好きなツイートを自分で選択してグリッド形式でWebサイト上に表示する方法。 カスタマイズ可能で見…

node.jsのアップデートとかnpmとか

手順1:nodistのインストーラー https://github.com/marcelklehr/nodist/releases/ 環境変数の設定とかすべてやってくれるので最新版をインストールすればOK。 めっちゃ楽だ。 nodistとは Windowsでnode.jsのバージョン管理をするのに便利なやーつ。 コマン…

【脱jQuery】YouTubeから取得したプレイリスト(JSON)をVue.jsで表示してみた。

「昔作ったサイトをVue.jsで書き換えています。」的な記事をチラホラみかけるので私も勉強がてらに実装してみました。 ※ 本記事では、YouTubeからプレイリスト(JSON)を取得するところの説明は省いております。 (ググれば優秀な記事がたくさん出てくるので…

フリック操作時のエラー(Firefox)

本日はフリック操作時のエラーについてです。 過去にも何度かうまくいかず原因を解明しては、忘れてしまっていた内容なので備忘録として残しておきます。 エラーになる記述 e.changedTouches[0].pageX event.changedTouches[0].pageX エラー内容 e.changedTo…

[ネタ?]コピペでOK!JavaScriptでなんちゃって認証をつくる。

htaccessを用意できないなんて時に気休めくらいに使って頂ければと思います。 「なんちゃってでもいいから、とりあえず認証かけておこう!!」みたいな時にオススメです。 今回使用するJavaScriptソース document.body.style.display = "none"; var inputTex…

【SVG】ホバーで円アニメーション

メモです。 IEは動きません。 See the Pen bqGdjy by paradox_tm (@takumaro-web) on CodePen. ソースはコードペンを参照ください。

JavaScriptで複数ワード検索 品質向上を目指す。

Webサイトを構築する上で必ずルールが存在します。 そのルールの1つが表記。 納品前の成果物に対して「表記揺れ」や「禁止ワード」を効率よく確認できないものかと思いJavaScriptで実装してみました。 イメージ的にはChromeの拡張機能 「goodbye “Zenkaku” -…

[jQuery不要][OAuth認証不要]自分のWebサイトにツイートを取得し表示する方法

2017年12月28日更新 仕様変更によりこちらのソースは利用できなくなっておりました。。 Twitterから投稿を取得して自分のWebサイトに表示させるのにAccess Tokenを取得したりOAuth認証させたりで色々手間なんですがそんな手間を省いてくれるありがたいライブ…