2つの配列が同じがどうか判別してみよう
ちょっとクイズをJavascriptで作っていた時に、２つの配列を一致してるかどうか判別する必要がありました。クイズの正解と解答を配列で管理することにしました。 どういった配列になるのか 実際の処理はもともと質問の正解を…
【PHP】Ajax通信でクロスドメインエラーをPHPで回避するには？
JSONファイルを利用してデータの読み込みと追加をするために、JavascriptとphpをAjaxで連携しようとした際にクロスドメインエラーが出たのでその対処法を簡単にメモ。 Ajaxによる別ドメインへのアクセスに関し…
【Vue】Vue CLIのセットアップからプロジェクト作成までの流れ
最初にVueを勉強しようとすると大抵、jQuery同様にhtmlの中にscriptタグでVue.jsまでのリンクを設定して実行することが多いかと思います。 ただ、本格的にVueのアプリケーションを作成するとなるともっと効…
【MySQL 】データベースを操作する為のSQL -忘備録
データベースのmysqlを操作する際に、割と忘れてしまうことがあるので、操作方法を忘備録として残しておく。詳しい説明は省くので悪しからず。 データベース操作一覧 データベースにアクセスする [crayon-5e57f67…
【JavaScript】脱JQuery！？メソッドを比べてみた！要素取得編
前回、jQueryでのクラス操作をJavascriptで書いてみましたが、割とjQueryってDOMの操作が簡単だったりすると思うんですよね。なので今回はDOM要素をどの取得するかにフォーカスしてみます。 Javasc…
【JavaScript】脱JQuery！？メソッドを比べてみた！Class操作編
さて、JQueryと言えばJavascriptを簡単な記述で処理できるライブラリで今や多くのサイトで使用されているかと思います。ただ逆を言えばJQueryしか書けなくなってしまうのも事実。自分としては簡単に実現できるので…
【JavaScript】Fetch APIでJSONデータの取得してみよう
さて、先日はFile APIを使ってCSVのファイルを読み込んで見ましたが、今度はJavascriptでFetch APIを使って JSONデータを読み込んでみようかと思います。 JSONデータは最近、実務でもちょくちょ…
【JavaScript】FileAPIからCSVを読み込んでみる
CSVファイルとかよく扱ったりすることもありますよね。今回はHTML5から追加されたFilleAPIというのがあって、もともとサーバーにあるファイルを読みにいくのではなく、フォームのアップロードみたいなボタンでCSVファ…
【JavaScript】 ES6のimportとexportについて簡単にまとめてみた
さて、javascriptもES6になり、クラスの設計もできるようになったんですが、いろんなクラスを使う時に他の言語でもimport文も使っていましたがjavascriptではどう使うのか忘備録としてメモ。 １つのモジュ…
疑似要素で矢印作ってロールオーバーでアニメーションさせてみよう
ふと、思ったのでちょっとした忘備録。よくCSSでリストナビゲーションを見るが、「＞」このような矢印ボタンをよく見ます。以前は画像にして背景画像にしてロールオーバーで切り替えるなんて事やってた時期もありますが、現在はCSS…
srcset属性でPCとスマホで画像を切り替えてみよう
前回、pictureタグを使って画像を切り替える「PCとスマホの画像切り替えがpictureタグで幸せになれる」という記事を書きましたが、また今度は別の記事です。使うのはsrcset属性でpictureタグでも使用しまし…
パララックスで背景を動かしてみよう
前回、「パララックス効果をCSSのみで実装してみよう（固定）」いうのをやってみました。今回はその背景画像がスクロールするとゆっくり上に移動するものを作ってみようかと思います。 ライブラリを使ってもいいのですが作り方を知る…
cssでハンバーガーメニューを作成してみたよ
さてスマホでよく見るようなハンバーガーメニューですが、せっかくCSSでTransitionについて記事にしたので、ハンバーガーメニューでも作ってみようかと思います。ネットで調べるといくつか定番？な作り方があるようですが今…
スクロールで要素を横からフェードインさせてみよう
先日、CSSでTransitionを利用したアニメーションの記事を書きましたが、それを利用して、よく他社のサイトで見るスクロールしたら文字などが下や横からフェードインしてくるコンテンツありますよね？せっかくなので、作って…
CSSで背景画像を縦横比を維持したままレスポンシブ対応するには？
スマホのデバイスが増えるにつれて背景画像のレスポンシブ対応が必要になってくると思いますが背景画像のレスポンシブってどうしたらいいのか忘備録。 高さを%指定してもダメなのか 背景画像の場合、テキストなど無い場合に高さをpx…
