- 1. 計算化学.comで広告が被って見づらいのでパッチを当てて見やすくした。
- 2. JavaScriptで様々なモザイク処理
- 3. cookieについて
- 4. JavaScriptにおける演算子
- 5. javascript データ型(プリミティブ、リファレンス)
- 6. ts-migrate使ってみた
- 7. (CSS+Javascript)モーダルでチュートリアル風に特定の要素だけ目立たせる
- 8. 【VanillaJS】Nパーセントの確率でtrueを返すメソッド
- 9. JavaScriptのオブジェクトとRubyのクラスの比較
- 10. 【Vue.js】Vue.jsの仕組みについて、知っておくべきこと
- 11. JavaScriptの関数、まずは記述だけでも覚える
- 12. Javascriptでウィンドウのリサイズ終了後に処理
- 13. 色々な機械学習処理をブラウザ上で試せるサイトを作った
- 14. 【初心者】クリックすると数字が増減するカウンター
- 15. Javascriptで学ぶHTTP通信〜HTTPStreaming編〜
- 16. 備忘録 Javascript reduceの使い方
- 17. FFmpeg 画面を分割して複数動画を合成する
- 18. 作って理解JavaScript:JOKE開発記その9 - 残余引数と分割代入
- 19. FFmpeg 動画の前後に無音黒画面を挿入
- 20. Vue TMDb APIを使って映画検索
計算化学.comで広告が被って見づらいのでパッチを当てて見やすくした。
#概要
[計算化学.com](https://computational-chemistry.com/top/)は、計算化学のまとめサイトとしていろいろな情報が載っていて重宝する。しかし、レイアウトがよくないのか、GoogleAdsenseの広告が記事にかぶってしまい非常に見づらい。
そのため、Javascriptでレイアウトを修正して記事を見やすくした。
![bbc77518c48279b77acb2e927afb3fc7.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/673297/778d4c8d-1228-9522-889b-7521a587e1f4.gif)##動作環境
– GoogleChrome##やりかた
このコードをコピペしてブックマークする。“`
javascript:var elem = document.getElementById(‘secondary’);elem.setAttribute(‘style’,’width: 400px; margin-right
JavaScriptで様々なモザイク処理
#はじめに
四角形以外のモザイクってどんな感じになるんだろうって思ったので作ってみました。
#イメージ
三角形によるモザイク
![triangle.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/163605/0aa1288a-3c91-9244-e0af-26d075a4351e.png)
六角形によるモザイク
![hexagon.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/163605/1fcd3833-29e9-c98d-c801-cb990da78777.png)
八角形と四角形によるモザイク
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/163605/5feea919-e3d3-b208-9b2c-eb5f36425451.png)
円によるモザイク(隙間も平均化)
![image.png](https://qi
cookieについて
【概要】
—————————————-
1.cookieとは2.cookieを保存するプログラム
3.開発環境
1.cookieとは
—————————————-Webサーバーへ接続してきたWebブラウザに対して一連のやり取りや、その状態や情報を維持し管理する仕組みのことです!HTTPはステートレスなプロトコルなので、ステートフルにしたい問題を解決します!
検証ツールで開いて”Application”の”cookies”を開くと、Webブラウザで保存されている情報がみれます!
2.cookieを保存するプログラム
—————————————-“`ruby