プログラミング

JavaScript

Instagram動画・倍速〜何倍にも早送り& スロー再生する方法を紹介!PCを使ってコピペで簡単に実現できる!

こんにちは!ケインコスゲ(@keinkosuge)です。 Instagram、使ってますか?? 本当に人気ですよねー。 Instagram API仕様変更・終了・廃止関連の情報まとめ。インスタの写真をWebサイトで直接表...
プログラミング

ショートカットで覚えるGoogle Chromeデベロッパーツールの使い方・ JavaScript編

こんにちは! ケインコスゲ(@keinkosuge)です。 以前、ショートカットで覚えるGoogle Chromeデベロッパーツールの使い方・ HTML&CSS編という記事を書いたことがありました。 今回はその続編として...
HTML&CSS

【HTML5】sectionとarticleの使い方・違いについて、Webサイトの使用実例から考えてみる

こんにちは!ケインコスゲ(@keinkosuge)です。 今日はHTMLのお話です。お題は「sectionとarticleの違い・使い分け」についてです. HTML5が正式勧告されてから、このブログの初稿を書いている時点で4年ほ...
JavaScript

JavaScriptのeveryメソッドが便利すぎる!配列の中身を一括で条件判定・検索したい時に重宝

以前、JavaScriptのreduce関数の処理の流れを図解化してみるというブログを書きましたが、この時にも「ああ、JavaScriptにも色々便利な関数があったり、新しく増えてきたものなんだな」ということを強く思いました。 ...
HTML&CSS

YoutubeやGoogle Mapsのiframe埋め込みをレスポンシブ対応させる方法!どこよりもわかる理由まで解説!

YoutubeやGoogle Mapsの埋め込みをWebサイトに設置したいとき、ありますよね。 2018年6月、Google Maps APIの料金体型に変化が生じたことにより、今後Google Mapsに関しては特にifra...
制作ツール

Visual Studio Codeプラグイン「SFTP」の使い方。FTPソフト立ち上げ不要でファイルアップロード可能

このブログArrownもそうですが、エックスサーバやさくらインターネットなどのレンタルサーバーを使用してWordPressサイト・ブログやWebサイトを運営されている方、それなりにいらっしゃると思います。 特に自分でCSSやJavaS...
制作ツール

Mac × Visual Studio Codeで始めるscss(sass)入門。環境構築も簡単にできる!

以前、Visual Studio Codeの使い方・基礎基本 – Microsoft製のコードエディタ –という記事を書かせていただいたことがあるのですが、おかげさまで、少しずつ多くの人に見られるようになり、Arrownでよく見られ...
JavaScript

JavaScriptでオブジェクトのコピー・合体ができるObject.assign()が便利

真新しい内容でもないのですが、最近JavaScriptに触れている中でよくObject.assign()について触れる機会があったので、ブログに記録しておこうかなと思います。 オブジェクトのコピー・合体ができるObject.assig...
JavaScript

Vue.js入門・おみくじアプリを作ってVue.jsの基礎を学んでみよう

こんにちは!ケインコスゲ@keinkosugeです。 JavaScriptのキャッチアップをしていかないとなと思い、重い腰をあげて最近Vue.jsに関するインプットをはじめてみました。 ということで、今回はプログラム入門あるある...
JavaScript

JavaScriptのreduce関数の処理の流れを図解化してみる

JavaScriptにreduceという関数があるのですが、reducce関数は非常に便利なものです。 でも、ちょっと使わないとすぐ処理の流れ・というか使い方を忘れてしまうので、せっかくの自分のブログ、自分のためにもreduce関数の...