IT・WEB [P11] | PbTimes 情報誌

Web制作者向けのブログをいくつか集めました

素晴らしいブログをピックアップしました Web制作に役立つブログを集めてみました。どれも本当によくできていて、参考になります。デザイン系が多いですが、どれも個性のあるサイトで見ていて面白いです。私も見習わなければいけませんね。。。ブログ一覧バズ部マーケティングについての記事が多く書かれています。一つ一つのページに情報がぎっしり詰まっています。ボリュームが多...

2013/07/31

jQueryで簡単に吹き出しをポップアップ

マウスオーバーで吹き出しをポップアップ概要 jquery.balloon.jsを使用して、マウスオーバーで吹き出しを簡単にポップアップで表示する方法の紹介です。このjQueryプラグインは、シンプルでとても簡単に設置することができます。また、カスタマイズも容易にできるためおすすめです。当記事では、初めにサンプルコードを掲載し、各オプションの設定方法について説明していきます。 ...

2013/07/30

jQueryでiframeの縦幅を自動調整

iframeの縦幅を自動で調整する方法概要 iframeの横縦の幅は、通常呼び出し元のページでサイズを指定します。読み込みページの縦幅が可変する場合など、縦幅が呼び出し元ページで指定した縦幅を超えるとスクロール表示されてしまします。スクロール表示されずに、すべて表示したい時もありますよね。そんな時は、JavaScriptを使用します。方法は簡単です。 iframeページが読...

2013/07/30

閲覧したサイトが上に表示される - パーソナライズド検索

本当の検索順位を知る方法 Googleなどの検索エンジンでは、パーソナライズド検索という検索方法になっています。これは、検索したユーザーの過去の検索履歴から、それぞれのユーザーにとって最も適した検索結果を表示させるための技術です。そのため、各ユーザーごとに検索結果が変わってくるのです。自分のサイトを検索して1位になったからといって、それが本当の順位とは限りません。本当の順位を知る...

2013/07/29

jQuery ドラッグ＆ドロップで並び替え

jQueryで簡単にテーブルをドラッグ＆ドロップで並び替える概要 jQueryプラグイン、TableDnDを使用してテーブルの行をドラッグ＆ドロップで並び替える方法を紹介します。今回使用するプラグインは、いろいろな機能がありますが、ここでは一番シンプルな並び替えを行う機能のみを紹介します。プラグインをダウンロードするとサンプルのHTMLがありますので、その他の機能はそちらをご覧くださ...

2013/07/25

Google翻訳APIを使用してサイトを多言語で表示

Google翻訳でサイトを多言語で表示してみる概要 Google翻訳APIを使用して、簡単に自分のサイトを多言語で表示する方法を紹介します。 googleTranslateElementInitを定義するだけです。これを行うと各言語のプルダウンが表示され、プルダウンを選択すると各言語でサイトが表示されます。自動翻訳のため、確実に正しく翻訳されるわけではありませんが、とても簡単に設置...

2013/07/24

MySQL 基本構文のまとめ入門

MySQLの基本的な構文を紹介します。概要 MySQLで使用する基本的な構文の書き方を紹介します。入門レベルの内容を紹介するので、MySQL初心者でも理解できる内容となっています。 CREATE文作成テーブルを作成するときに使用します。以下では、idとusernameのカラムをもつaccountsテーブルを作成しています。 CREATE TABLE IF NOT EX...

2013/07/24

TinyMCEの設置方法、機能の紹介 - WYSIWYG

TinyMCEの設置方法と機能を紹介します。概要 TinyMCEとはJavaScriptで作られた、プラットフォームに依存しないWebベースのWYSIWYGエディタです。高機能であり、Wordpressでも使用されているプラグインです。 WYSIWYGとは「見ているものが手に入る」という意味であり、作成・編集時にディスプレイ上で見ているものがそのままHTMLコードとして出力することがで...

2013/07/23

Apache バーチャルホストの設定例(FreeBSD)

Apacheでバーチャルホストを設定する方法概要 Apacheでバーチャルホストを設定する方法を紹介します。バーチャルホストを設定することで、1つのサーバーに複数のホストを設置することができます。通常一つのサーバーにサイトなどを複数設置するため、このバーチャルホストの設定が必要になります。バーチャルホストの設定例今回は、FreeBSDのOSを使用してApacheの設定例を...

2013/07/23

PHP GDを使用した画像処理のまとめ

PHPのグラフィックライブラリはじめに PHPで画像を処理する方法とサンプルコードを紹介します。画像処理する場合は、通常なんらかのライブラリを使用する必要があります。ライブラリによって、特長や使用方法が多少異なってきます。そのため使用する内容によって適切なものを選びましょう。 PHPでは以下のグラフィックライブラリがあります。 Cairo Exif GD Gmagi...

2013/07/22