！！！いきなり完成品！！！！ See the Pen JSON GENERATOR by paradox_tm (@takumaro-web) on CodePen. 作成手順 1. JSONを用意して、HTML上に表示する。 { "name": "安室奈美恵", "sex": "女性", "age": "41" } 私が今回利用したサイトはこちら（というか…

事象 Google ChromeやFirefoxのコンソールからJavaScriptを実行するとエラーが起きないのにサーバーにそのJavaScriptをアップすると謎のエラーが起きる。 エラー内容 ＜Google Chrome＞ Cannot read property 'replace' of undefined ＜Firefox＞ TypeError:…

この記事は以下の現象の人におススメの記事です。 JavaScriptを記述したのになぜかpタグに書き換えられてしまう。 複数人で更新しているため、できれば自分の投稿（固定）ページのみに適応させたい。 事情によりサイト共通部分（php）は弄れない。 など Word…

普段、Photoshopを使用しているので私は必要はないんですが、作ってくれと頼まれたのでつくった。 以下のブックマークレットをブックマークに登録し、「Pixlr Editor」のページを開いた状態でポチっと押せば消える。 ソースコード javascript:(function(){!f…

初心に返るためこの業界に入ったときの思い出や今感じていることを述べたいと思う。 これからWeb業界で働きたい方や就活生の参考になればと。 11のことって多いけど、とりあえず駄文をダラダラと連ねてみる。 【その1】横文字やカタカナが多すぎ問題。 Web業…

webpackを使用したら少しハマったので備忘録。 各バージョン・環境 Windows 10 - node : 8.9.0 - npm : 5.8.0 ※ nodeのバージョン管理に「nodist」を使用。 実行した手順。 ①実行したいプロジェクトのディレクトリに移動し、以下のコマンドを叩く。 npm init…

データーベースで制御することも可能ですが、フロント側だけでやるのであれば、Cookieで制御するのがよいかと思います。 cookieで制御してみる - サンプルソース //Cookie取得 var checkCookie = document.cookie; //Cookie内に【XXX】という文字列があるか…

お久しぶりです。 すっかりCSS3のアニメーションは当たり前のように使われる時代になりました。 少し意識した組み方をすることで、グッとよくなったりします。 以下のサンプルをご確認ください。 ふわっと現れ、パッと消える - パターン1 DEMO https://codep…

jQueryのthisって便利だよね。 これに対するこれって感じでめっちゃ便利だけど、生のJSで実装する場合、 どうしたらよいんだろうかということで、書いてみた。 知人がつくったALT FRIENDSというページを基に書き換えてみる。 ALT FRIENDSは、画像に対して右…

あけましておめでとうございます！ 一発目の記事です。 ということで本記事のタイトル通り、【Smooth Scroll(スムーススクロール)、 Androidで重い問題】についてみていきたいと思います。 よろしくお願いします。 以下のサイトのソースを基にみていきたいと…