このページの本文へ

フロントエンドエンジニアのblog

有限会社Willさんいん

このページの位置: home カテゴリー: その他 2ページ目

“その他” カテゴリの記事

jquery.neosmart.fb.wall を導入しました

この記事は2015年4月16日に書かれたものです。情報が古い可能性がありますのでご注意ください。

このサイトのトップページに、Willさんいんの Facebook ページの投稿を表示するため、公式プラグインの Like Box を使用していました。

ところがこの Like Box、6月23日に廃止となり使えなくなるとのことで、新しい Page Plugin に移行するよう勧められています。

With the release of Graph API v2.3, the Like Box plugin is deprecated and will stop working on June 23rd 2015. Use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a Page into your websites.

しかし、この新しい Page Plugin は、表示幅が 280px から 500px の間に制限されています。このサイトのトップページのレイアウトは、Facebook 表示領域を PC 画面で624px に設定しているため、124px もの余白ができてしまいます。

また、Like Box にしろ、Page Plugin にしろ、JavaScript で読み込んで表示しますが、実質はインラインフレームの中で facebook.com のページを表示していますので、フォントサイズや色などを CSS でコントロールすることが出来ません。その上、フォントサイズが 13px などに固定されているため、Internet Explorer では文字のサイズを変更できないことも気になっていました。

“jquery.neosmart.fb.wall を導入しました” の続きを読む »

フロントエンドエンジニアのblog始めます

この記事は2015年1月1日に書かれたものです。情報が古い可能性がありますのでご注意ください。

Willさんいんのフロントエンドエンジニア石輪です。日々粛々とマークアップ作業に勤しんでいます。

十数年前からコーディングをやってきましたが、近年は HTML や CSS 以外のコードも書くようになり、jQuery の記述や WordPeress のテーマ作成等においては分からないことが多く、これまでどれだけ沢山のブログ記事に助けられたか数知れません。

プログラミングなど Web のバックエンド技術は、そのソースコードが公開されてなければ知ることができませんが、HTML や CSS、JavaScript といったフロントエンド技術はオープンなもので、ブラウザでソースを表示して辿って行きさえすれば、誰もがそれを見ることが出来る共有技術です。

しかし、CMS の使用が当たり前のようになった今、我々フロントエンドエンジニアが扱わなければならない技術も増えてきました。特に WordPress のテーマ作成は PHP 言語によるプログラミング的要素が多く、ある意味バックエンド技術であり、サイトのソースからは見ることができません。それが、沢山のエンジニアの皆さんのブログによって様々な手法が共有されており、40代後半の固い頭で日々勉強させてもらっています。

予てから一制作会社のエンジニアとして、技術を与えてもらってばかりでなく、私が試行錯誤し、実現できた技術は世の中に共有すべきだと考えていました。過去にブログを書いていたこともありますが、この数年間閉鎖しており、この度のWillさんいんのサイトのリニューアルを機に、新たにブログを始めることにしました。

「フロントエンドエンジニアのblog」というそのまんまのタイトルですが、Webアクセシビリティというフロントエンド技術についても、いろいろ発信していきたいと考えています。どうぞよろしくお願いします。

1 2

page top