サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
WWDC25
www.abe-tatsuya.com
ボタンクリックに合わせて、特定要素のスタイルを変更したい時に便利なjQueryの使い方を紹介します。文字色や背景色の変更から、要素の表示・非表示の切り替え、さらにクラスの追加・削除まで、柔軟にデザインを操作する方法を解説します。 ボタンクリックに合わせて、特定要素の背景色や文字色を変えたりというインターフェイスを実現するには、jQuery を使うのが手っ取り早いですね。 // div要素の文字色を変更 $("div").css("color","#9932cc"); 上記のように、変更したいスタイルのプロパティと値をカンマ区切りで指定します。 複数のスタイルを一気にしたいする場合は、以下のようにさらにカンマ区切りで続ければ良いです。 // div要素の文字色と背景色の変更 $("div").css("color","#9932cc", "background-color", "#00000
ExcelファイルをPHPで読み込む方法を解説します。PHPExcelライブラリを活用し、Excel2007やExcel95のファイルを簡単に読み込むことができます。シートごと、行ごと、セルごとにデータを取得し、連想配列に格納する方法を具体的なコード例で説明しています。 error この記事は最終更新日から12年以上が経過しています。 かーなり前にperl や PHP で Excelファイル(xlsファイル)を簡単に出力する方法ということで、ちょっと裏技的なExcelファイルの出力方法をご紹介しました。 今回は、逆にPHPでExcelファイルを読む方法の紹介です。 PHPExcel をダウンロードする ExcelファイルをPHPで読み込むには、PHPExcelというライブラリを利用するのが楽です。 というわけで、以下のサイトから PHPExcel をダウンロードしましょう。 PHPExce
親ウィンドウの要素を動的に変更する方法を紹介します。parentを使った簡単なコードで、iframe内から親ウィンドウの要素にアクセスし、スタイルやコンテンツを変更する方法を解説します。 error この記事は最終更新日から13年以上が経過しています。 いわゆるLightbox風のインターフェイスが流行している影響で、インラインフレーム（に見えないUIだけど）内のウィンドウから、呼び出し元である親ウィンドウの要素を操作する、という処理は多用する機会が増えたなあ、という印象がありますね。 親ウィンドウの要素を操作する時は、 parent.$("#id").addClass('ClassName'); とか、 parent.$("p").html('カラオケ行きたい。'); とか、まあ普通の JavaScript と同じように parent で親ウィンドウを指定すればOKです。
ローカルPC上で使えるSQLite管理ソフトを2つ紹介します。日本語ヘルプが使いやすい「PupSQLite」と、SQLite2にも対応した「SQLiteCC3」の特徴を解説。 error この記事は最終更新日から13年以上が経過しています。 以前、Web上で SQLite を GUI 操作できる SQLiteManager のインストール方法という記事で、Web上で SQLite を GUI操作できる「SQLiteManager」を紹介しました。 今回は、Web上で操作するのではなく、ローカルPC上で操作するためのソフトを二つご紹介します。 まず一つ目は、「PupSQLite」というソフト。 作者さんが日本人なので、ヘルプなども日本語で読めるのがとにかく利点。 また、全体的にインターフェイスがMS Accessに似ているので、Accessに慣れている方ならあまり違和感なく使えるんじゃないで
Movable Typeで作成したサイトがIEでレイアウト崩れを起こした原因は、DOCTYPE宣言の不適切な記述でした。この記事では、XHTMLで正しいDOCTYPE宣言を行う方法と、よくある誤りについて解説します。DOCTYPE宣言がどのようにブラウザの表示に影響するのかを理解し、IEでの表示崩れを防ぐためのヒントを提供します。 error この記事は最終更新日から14年以上が経過しています。 先日（というかかなり前）、Movable Type で作ったサイトのテンプレートをクライアントさんが自分で修正したら、IEでレイアウトが崩れてしまった、という問合せがきたのでソースを見てみたら、僕が書いた xhtml のソースでは DOCTYPE宣言を、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
SELECT文で取得したデータをそのまま別のテーブルにINSERTする方法をMySQLで実装する際の手順を紹介します。 error この記事は最終更新日から15年以上が経過しています。 あるテーブルAからデータを select で取り出して、そのままそのデータを別のテーブルBに insert するには、以下のようにします。 insert into tableB (id, name, mailaddress) select tableA.id, tableA.name, tableA.mailaddress from tableA where tableA.id = 'hoge'; これで、テーブルAから特定の条件のデータだけを取り出して、直接テーブルBに insert することができます。 insert文や select文の基本については、PostgreSQLの初歩あたりにまとめてあります
MySQLのLIMIT句を使って、データベース操作時に処理する件数を制限する方法を解説します。SELECT文、UPDATE文、DELETE文それぞれでの使用方法や、件数指定の際の注意点など。 error この記事は最終更新日から14年以上が経過しています。 MySQL で、指定した件数のみ何らかの処理を行いたいときは、LIMIT句を利用します。 SELECT文の場合 ORDER BY句の次に LIMIT句を書いて、件数指定します。 ORDER BY句は使用しなくても構いませんが、使用しないと当然意図した順番通りに抽出することができません。 最初の50件のみを SELECT文で抽出したい場合は、 select * from table_name order by user_id limit 50; と書けば、user_id の昇順で、50件のみ抽出されます。 また、50件目以降のデータを10
SQLのGROUP BY関数を活用して、特定の値の出現回数を集計する方法を紹介します。簡単な例を通じて、値の数をカウントする方法を理解できます。 error この記事は最終更新日から16年以上が経過しています。 例えば、各ユーザーの好きな食べ物を格納した、以下のようなテーブルがあるとします。 t_favorite_food user_id favorite_food
もう今年も上半期が終わろうとしてますが、今さら2009年に読んだ・遊んだゲームブック13冊のランキングですよ。 安田均、TTG著。 同名の名作映画をゲームブック化した作品。 映画では主人公のマーティはこう行動したけど、別の行動をしたらどうなるだろう？的な楽しみ方ができるのが良いところ。 映画自体が非常に有名なので、ゲームブック入門として良い作品じゃないかな、と思う。 林友彦著。 『ネバーランドのリンゴ』『ニフルハイムのユリ』の続編。 ゲームブックというかボードゲームというか、その境界線あたりに位置する作品。 序盤はちょっと苦しいものの、ゲームバランスはかなり良かった。 ただ、基本的に多人数プレイ前提のシステムなので、一人でやるとちょっと物足りなかったかな。 ゲームシステム重視のため、読み物としての面白さはあまりない。
.ftpaccessファイルを活用し、特定のホストからのみFTP接続を許可する方法を解説します。アクセス制限の基本設定や、予期せぬ接続不能を防ぐための工夫、またはCGIスクリプトなどを使った管理方法をご紹介。 error この記事は最終更新日から14年以上が経過しています。 去年のGumblarの流行以来、レンタルサーバーなどでも、FTPD の設定を行なえる .ftpaccess が使用できるケースが増えてきた気がします。 この .ftpaccess を設定することで、特定のホスト以外からの FTP接続を制限するようなことが可能になります。 .ftpaccess への記述は、 .htaccess のリモートホスト/IPアドレスでのアクセス制限の設定方法と基本的には同じです。 <Limit ALL> Order Allow,Deny Allow from ***.***.***.*** Al
JavaScriptで数秒ごと、数分ごとなどの定期実行処理を簡単に設定する方法を解説します。setTimeout()を使うことで、ブラウザ上でタイマー的な機能を実現し、非同期通信や値の監視にも役立ちます。 error この記事は最終更新日から14年以上が経過しています。 JavaScript で、数秒おきとか数分おきに定期的に自動で処理を行なう方法の解説です。 ブラウザ上でタイマー的なことを実現したり、Ajax 非同期通信と平行してブラウザ上の何らかの値を監視したりするのにも使えます。 window.setTimeout() を使うと、指定した時間の後に処理を実行できるので、これを利用してループを行ないます。 // 最初の実行 TimerCount(); function TimerCount(){ // ここに定期的に行なう処理を書く // 1秒ごとに実行 window.setTimeo
Movable Typeのmt-search.cgiを使って、ブログ内検索をカテゴリ別に絞り込む方法を紹介します。カテゴリをプルダウンで選択できるフォームの作成方法や、複数カテゴリでの検索絞り込み方法を実例を交えて解説します。 error この記事は最終更新日から15年以上が経過しています。 Movable Type には mt-search.cgi というブログ内検索用の CGI が用意されていますが、この検索フォームを、カテゴリ別に検索できるよう設定する方法です。 基本的には、mt-search.cgi に、category="hogehoge" という形でカテゴリ名を渡せば、検索結果はそのカテゴリ内のブログ記事に限定されます。 なので、例えばプルダウンのリストボックスでカテゴリを選択できるブログ内検索フォームを作りたければ、以下のようなテンプレートになります。 " size="20"
error この記事は最終更新日から14年以上が経過しています。 jQuery で、指定した要素の中身を空にする方法です。 例えば p要素の中身を空にしたい場合は、以下のようにします。 $("p").empty(); もちろん、「.class」「#id」のような指定で、クラスやID指定した要素を空にもできます。
jQueryを使った非同期通信（Ajax）処理中に、待機状態を示す「Now Loading」アニメーションを表示させる方法を解説します。シンプルなコードで、通信中にユーザーへ視覚的なフィードバックを提供できるため、利便性が向上します。 error この記事は最終更新日から14年以上が経過しています。 jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。 ローディング中の画像を表示するスクリプト 例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。 <p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button
jQueryを使ったPOSTメソッドによる非同期通信で、データ送信から結果表示までの流れを解説します。指定URLへデータを送信し、返ってきたデータをページ内に出力する方法をサンプルコード付きで紹介。 error この記事は最終更新日から14年以上が経過しています。 jQuery を使って POSTメソッドで別の CGIスクリプトにデータを送り、返った結果をページ内に出力を行なう、という処理の方法の解説です。 jQuery で POSTメソッドによる非同期通信は、「post( 通信先URL, 送信するデータ, 返った結果の処理, 送信データ形式) 」という形で指定します。 例えば、「./test.cgi」に対して「mode=test」「name=tatsuya」というデータを送信し、test.cgi が返した結果を「div id="test"」の中に出力したい場合は、以下のようになります。
perlで正規表現を用いて、特定の条件にマッチした文字列を配列に格納する方法を解説します。数字抽出を例に、正規表現を使って特定パターンの文字列をリストとして管理する基本テクニックを紹介。 error この記事は最終更新日から14年以上が経過しています。 ある文字列から、正規表現にマッチした文字列のリストを、配列に入れる方法です。 意外と最近までこれ知らなかったです。 #-- 文字列 $string = '0a12bc345def6789ghij'; #-- 数字だけを抽出して配列に入れる @nums = $string =~ /[0-9]+/g; #-- 配列に入った値を出力 foreach $num (@nums){ print $num."\n"; } 上記の出力結果は、 0 12 345 6789 となるはずです。 perlとPHPで使える、フォーム入力のエラーチェックに役立つ正規表
SQLiteManagerは、MySQL用のphpMyAdminやPostgreSQL用のphpPgAdminと同様に、Webブラウザから直接SQLiteデータベースを管理できる便利なツールです。この記事では、SQLiteManagerのダウンロードから日本語対応パッチの適用、Basic認証の設定方法まで、基本的なセットアップ手順を詳しく解説します。 error この記事は最終更新日から14年以上が経過しています。 MySQL用の phpMyAdmin とか、PostgreSQL用の phpPgAdminのように、PHPで動く Webベースの SQLite クライアント SQLiteManager の紹介です。 1. ダウンロード SQLiteManager のダウンロードはこちらから行なえます。 2. 日本語(UTF-8)対応パッチ 日本語(UTF-8)のデータベースを扱う場合は、UTF
iMacrosでのマクロ処理中、デフォルトではエラーが出ると処理が停止しますが、状況によってはエラーを無視して次の処理に進みたいこともあります。この記事では、そのような場合に便利な「!ERRORIGNORE」コマンドの使い方を解説します。 error この記事は最終更新日から14年以上が経過しています。 今日もiMacros関連の記事です。 iMacros でマクロ処理を連続して行なっている際、デフォルトでは何らかのエラーが出ると処理が止まってしまいます。 基本的にはそれで問題ないのですが、場合によってはエラーが出ても無視して次の処理を続行して欲しいケースもあるかと思います。 その場合は、マクロのコードの最初のほうに、 SET !ERRORIGNORE YES という一行を書いておけばOKです。
Firefox用アドオン「iMacros」を使い、Webページから特定条件に一致するリンクを抽出して自動的にアクセスする方法を解説します。例として、クリップボードの内容を検索キーワードに設定し、Google検索結果から特定のドメインURLを抽出して移動するマクロの構築方法を紹介。 error この記事は最終更新日から14年以上が経過しています。 今回も iMacros関連の記事です。 ブラウズ中のページから、特定の条件にマッチする文字列を抽出して、変数に入れてなんらかの処理をする方法を解説します。 iMacros でクリップボードの内容を変数に入れて処理を行なう方法の続きということで、例として「Googleで検索した後、検索結果から特定のドメイン(仮に d.hatena.ne.jp とします)のページにアクセスする」という処理を書いてみます。 ※この条件ならGoogle で「site:」で
Firefoxにマクロ機能を追加できる「iMacros for Firefox」を使ったブラウザ自動化の方法を解説します。マクロの記録や再生の手順を紹介しています。 error この記事は最終更新日から14年以上が経過しています。 Firefox にマクロ機能を追加できる「iMacros for Firefox」の紹介です。 Webベースのアプリケーション等で、毎日同じ作業を行なったりする場合、「iMacros」を利用してマクロ化してしまうことで、非常に効率よく作業を済ませることができます。 iMacros の使い方 上記サイトから iMacros をアドオンとして追加すると、Firefox に左のようなサイドバーが追加されます。 このサイドバーを使って、マクロの記録や再生を行ないます。 マクロの記録を行なう場合は「REC」タブを開いて「Record」ボタンをクリック。 すると、iMacr
Movable Type 4のコメント欄に、独自のフィールドを簡単に追加できるComment Titlesプラグインの使い方をご紹介。インストール手順やフォーム・表示のカスタマイズ方法に加え、複数フィールド追加のための工夫についても解説します。 error この記事は最終更新日から14年以上が経過しています。 Movable Type 4 のコメント欄は、デフォルトでは名前・メールアドレス・URL・コメント本文という四つのフィールドしかありませんが、ここに独自のフィールド（タイトルとか）を追加することができる Comment Titles プラグインの紹介です。 Comment Titles プラグインの入手・インストール Add Comment Titles to MT4 Blogs (MT Hacks)にて、Comment Titles プラグインを入手できます。 インストールすると、
Movable Typeの再構築を定期的に自動で行いたい方向け。mt-rebuild.plスクリプトを使って、cronで定期実行する設定方法と、再構築を行うモードやオプションの使い方を解説します。 error この記事は最終更新日から14年以上が経過しています。 以前紹介したRebuildQueueプラグインは、自分で手動で再構築のトリガーを起動すると、その後はバックグラウンドで再構築を行ってくれる、という仕組みでした。 今回紹介する mt-rebuild.pl は、それとはまたちょっと違って、cron 等で定期的に起動することで、そのままバックグラウンドで再構築処理を行ってくれるスクリプトです。 mt-rebuild.pl の設置 mt-rebuild.pl の配布元はこちら。 上記ページから mt-rebuild.pl をダウンロードして(TypeKeyでログインする必要があります)く
Movable Typeでブログ記事がどのカテゴリに属しているかを把握するために重要なのが「mt_placement」テーブルです。この記事では、このテーブルの構造とカテゴリ情報の管理方法について解説し、データベース操作に役立つ知識を提供します。 error この記事は最終更新日から14年以上が経過しています。 Movable Type のデータベースを直接いじる機会ってそんなにないと思うんですが、プラグインを作るときとか、サーバー移転とかでちょっとデータをいじったりする時とかの参考に。 各ブログ記事がどのカテゴリに属しているのか、というデータが、データベースのどのテーブルにどういう形で入っているのか、という話です。 ブログ記事関連のデータなので、テーブル「mt_entry」に入ってるんじゃないかな、ととりあえず考えると思うんですが、違います。 実際「mt_entry」テーブルには「ent
小説ベスト20に続いて、やはり今さら感溢れるエントリなのですが、2009年に読んだ自然科学系書籍39冊の中から、面白かった本ベスト20を決めてみました。 本選びの参考にでもなれば幸いです。 一部、自然科学系というくくりで良いのか？という本もありますが、その辺はまあ適当で。。 20位～11位 ドゥーガル・ディクソン著。 ドゥーガル・ディクソンさんお得意の、架空博物誌シリーズの一つ。 「もし恐竜が6,500万年前に絶滅していなかったら、どのように進化して現代に至るか」をテーマに、様々な奇妙な生物が描かれている。 面白いテーマではあるものの、そもそも恐竜自体が現代の僕らにとっては不思議だらけの生き物なので、その恐竜が進化して変な生き物になりますよ、と言われてもイマイチぴんと来ないところが残念か。 とはいえ、現在哺乳類が占めているニッチを恐竜から奪えていなかったらどうなってたか、というのはなかなか
CookieをHTTPヘッダに書き込む方法と、書き込んだCookieを読み込む方法について、perlとPHPのコード例を交えて解説します。具体的な設定項目や、複数のCookieを扱う方法も紹介し、簡単に使える方法を学べます。 error この記事は最終更新日から15年以上が経過しています。 Cookie の出力 Cookie は HTTPヘッダに出力することで、アクセスしたユーザーのブラウザ毎に書き込むことができます。 Cookie を書き込む際の書式は、 name=value; expires=Sun, 15-Nov-2009 23:59:59 GMT; domain=www.abe-tatsuya.com; path=/cgi-bin/; secure という感じです。 name 必須。任意の「name」に対する値「value」を指定します。 例） loginid=abetatsuya
さくらのレンタルサーバーでは、PHPがCGIとして動作しているため、通常の.htaccess設定ではPHPを「.html」拡張子で実行できません。この記事では、特定の手順を踏んでPHPを動作させる方法を詳しく解説します。 error この記事は最終更新日から15年以上が経過しています。 先日.htaccess で .html 等の拡張子で PHP を実行させる方法という記事を書きましたが、さくらのレンタルサーバーでは、PHP が CGI として動いているため、上記記事の設定では、.html 等の拡張子で PHP を実行することができません。 なので、今回はさくらのレンタルサーバーに絞った、設定方法の解説です。 php-cgi をドキュメントルートにコピーする SSH でサーバーにログインし、php-cgi というバイナリファイルを、自分のドキュメントルートにコピーします。 cp /usr/
URLに2バイト文字を含めるためのエンコード・デコード方法を、Perl、PHP、JavaScriptの3言語でまとめました。各言語のシンプルな関数を使った実装例を紹介し、文字列を正しく処理する方法を解説します。 error この記事は最終更新日から15年以上が経過しています。 日本語等の2バイト文字を URL として使用するための、URLエンコード・デコード方法を、perl / PHP /JavaScript の各言語別にまとめてみました。 と言っても、PHP と JavaScript はそれ専用の関数が用意されてるから簡単なんですけどね。 perl で URLエンコード・デコード perl で URLエンコードするには、以下のようにします。 $word = "はぴはぴはっぴー♪"; $word =~ s/([^0-9A-Za-z_ ])/'%'.unpack('H2',$1)/ge; $
次のページ
このページを最初にブックマークしてみませんか？
『奈良市のフリーランスWebエンジニア 阿部辰也 - abe-tatsuya.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
