Analogstudio

アナログ回路、車、写真、PCなどに関するブログ

インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

流行りの SNS と言えばインスタグラムがあるでしょう。
せっかくなのでタイムラインを Web サイト上に表示したいですよね。

しかし、いざやろうとタイムラインを表示しようと思っても簡単にはできません。
そこで、今回はインスタのタイムラインを Web サイト上に表示させる方法を紹介します。
続きを読む 紹介インスタグラムのタイムラインを表示しよう!「Instagram API」の使い方

Javascriptのイベント登録に於けるイベントハンドラとaddEventListenerの使い分け

Javascriptのイベント登録に於けるイベントハンドラとaddEventListenerの使い分け

9月も終わりに近付き猛暑だった日が懐かしく感じる季節となりました。

さて、今回は Javascript でイベント処理をさせる時に使う「イベントハンドラ」(要素セレクタ.on****) と「addEventListner関数」の使い分けについてです。
どちらもイベントを同じように登録できますが、微妙に違うところがあります。
続きを読む 紹介Javascriptのイベント登録に於けるイベントハンドラとaddEventListenerの使い分け

WordPressで子テーマを使うメリット3点と導入方法【親テーマの更新ができるようになるよ!】

WordPressで子テーマを使うメリット3点と導入方法【親テーマの更新ができるようになるよ!】

WordPress を使っていて細かくデザインや機能を変更したいと思ったことは多いでしょう。
そんな時にプラグインに該当するものがなく諦めた方も居るのではないでしょうか?

プラグインに無くてもテーマファイルを直接編集することで対応することが可能です。
そこで今回はテーマファイルを編集する際に有用な「子テーマ」についてまとめます。
続きを読む 紹介WordPressで子テーマを使うメリット3点と導入方法【親テーマの更新ができるようになるよ!】

「Ryzen 7 2700X」で自作PC!組立手順を写真と共に解説します。

「Ryzen 7 2700X」で自作PC!組立手順を写真と共に解説します。

Intel の一強時代に待ったを掛けた「AMD Ryzen」シリーズも第2世代に進化してコスパが優れているのはもちろんのこと性能でも Intel に匹敵するラインナップとなりました。

そんな今大注目の Ryzen で自作パソコンを作ったので、作り方をまとめたいと思います。
「Ryzen で自作したいけど不安が・・・」という方にもわかりやすいように写真多めで解説します。
続きを読む 紹介「Ryzen 7 2700X」で自作PC!組立手順を写真と共に解説します。

WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

ブログを書いていれば「パンくずリスト」という言葉を聞いたことがあるかもしれません。
パンくずリストは現在の記事 (ページ) がどんなカテゴリのどの階層に居るのかを分かりやすく表現する為に使われるナビゲータのようなものです。

実はこのパンくずリストは、人間だけでなく Googlebot のような検索エンジンのクローラにもサイトの構造を明示できる手段の一つです。
つまり、パンくずリストの導入は SEO (検索エンジン最適化) にも有利となるということです。
そこで今回は WordPress で簡単に表示させる方法を紹介します。
続きを読む 紹介WordPressでパンくずリストを表示させる方法【SEO対策】【プラグイン不要】

Ryzen自作PCを作る部品を買ったので紹介します!【Ryzen 7 2700X】【B450】【1050ti】【970EVO】【12万円】

Ryzen自作PCを作る部品を買ったので紹介します!【Ryzen 7 2700X】【B450】【1050ti】【970EVO】【12万円】

AMD ファンの皆様こんにちは。
半年ほど前から構想を練っていた Ryzen を使った自作PCの部品を遂に購入したので、紹介します。

今月中に作れればいいかなと思ってますので、制作過程も記事にしますのでお待ち下さい。
ちなみに、こちらの構成で122,343円でした。(Windows 10 Home 64bit 含む)
続きを読む 紹介Ryzen自作PCを作る部品を買ったので紹介します!【Ryzen 7 2700X】【B450】【1050ti】【970EVO】【12万円】

CSSのセレクタを理解しよう!class指定が不要になりソースもスッキリして管理も容易になります!

CSSのセレクタを理解しよう!class指定が不要になりソースもスッキリして管理も容易になります!

平成最後の夏は大変暑かったですが、残暑が厳しい8月もそろそろ終わりですね。
9月になったら涼しくなって欲しいと思います。

さて、CSS にはセレクタによってどのタグに対してスタイルを指定するかを決めています。
今回はそんなセレクタの指定方法についてまとめます。
続きを読む 紹介CSSのセレクタを理解しよう!class指定が不要になりソースもスッキリして管理も容易になります!

CSSの小技を紹介します!【中央揃え】【レシポンシブ対応アスペクト比固定要素】

CSSの小技を紹介します!【中央揃え】【レシポンシブ対応アスペクト比固定要素】

現在のWebデザインでは HTML はページ構成を、CSS はデザインを担うこととなっています。

そんな中で地味にどうやってコーディングすれば良いのかと頭を悩ませるものがありますので、紹介したいと思います。
特に最近ではスマホのような低解像度な画面から 4K のような高解像度まで対応したレシポンシブなデザインが求められていますので、描画領域の幅が不明でも使える小技となっています。
続きを読む 紹介CSSの小技を紹介します!【中央揃え】【レシポンシブ対応アスペクト比固定要素】

AMD Ryzen で組むPC構成を再考してみました!【B450チップセット発売開始!】

AMD Ryzen で組むPC構成を再考してみました!【B450チップセット発売開始!】

RyzenでPCを組みたいといい出してから早半年近く経ちます。
2000番台の登場で状況も少し変わってきたので構成を再考してみました。

ようやく B450 チップセット搭載の M/B が発売されてきたね!
今回の仕様でほぼ決定としたいので、もしご意見等あればコメント下さい。
続きを読む 紹介AMD Ryzen で組むPC構成を再考してみました!【B450チップセット発売開始!】

Windowsでメモリ解放を自動的に実行するMicrosoft純正ソフトの設定方法【empty.exe】

Windowsでメモリ解放を自動的に実行するMicrosoft純正ソフトの設定方法【empty.exe】

8月に入って一段と暑さが増したような気がする今日です。
皆さんのPCは暑さで強制終了したり誤動作を起こしてはいないでしょうか?

今回はPCの動作がどうも遅いな、という場合の原因がメモリ不足だった場合の対処法です。
ノートPCや古いPCでメモリ容量が少ない時やいつもスリープで再起動を余りしない場合には効果が分かりやすいと思います。
10分もあれば十分に設定できますが、メモリの少ないPCでは効果テキメンです!
続きを読む 紹介Windowsでメモリ解放を自動的に実行するMicrosoft純正ソフトの設定方法【empty.exe】