Posts

Showing posts with the label Web

引っ越し戻り

サーバーを引っ越さなきゃならなくなったから、ちょっとこちらに戻ってきました。 MySQLのデータベースが大量に必要なくなったので、サービスをダウングレードしようとしたら新規契約以外に道がなかった。 といっても、引越し先ではほとんど更新しなかったな…。と言うか書く気にならなかった。入力ページの雰囲気って、私にとって結構重要みたい。ブロガーは素敵。ただ、最新wordpressも書くことに専念されたインターフェイスになっているようなので、可能性は捨ててないけど… ドメイン名の引き継ぎが終われば、またウェブサイトは復活するでしょう。 …が、どう使うかは考え直し中! ++++ Now playing.... Trilogy Suite Op.5 / Yngwie J. Malmsteen ++++

ブログ引っ越しのようなもの

http://infinitemelodies.com 引っ越しっていうか、メインのドメインに日記を設置しました。 Boston Diaryと18:00は縮小して、その中に置く事にします。長い間ありがとうございました。 このブログは、移転するのはめんどいから置いておきます。2700件分を移してチェックするの大変(笑)。 では、よろしければ新しい方で♪

WordpressでGoogle Analyticsのイベントトラッキング(ユニバーサルの方)が上手くいかない

Wordpressで、Google Analyticatorというプラグインを使ってグーグルアナリティクス(アクセスログ解析ツール)のトラッキングコードをサイトに埋め込んでいる。 これの設定画面を利用して、アマゾンなどの商品ページ、つまり外部サイトへのリンクが押された時は「Outbound Traffic」という名前でログが残る設定をつけている。 で、ここ最近、それ以外にログを付けたいボタンが出てきたので、個別にイベントトラッキングというものを使ってやろうとしてるんだけど… どうやっても反映されない。 これだってれっきとした外部リンクなのに。 最近グーグルの方のシステムが変わったので、従来のgaではなく新しいユニバーサルアナリティクスを使い始めたんだけど、移行は先週ぐらいにやったので、掛かると言われている24〜48時間はとっくに超えている。 で、グーグルが示している手順としては移行後にトラッキングコードを変更する、ということだったので、今日それを変更。 そして、念願のとあるリンクのaタグの中に、新たにイベントトラッキングのスクリプトを書いてみたんだけど 反応せず。 いろいろリサーチしていると、リアルタイムでアクセスが表示される部分にもちゃんと反映されるという情報があり、プラグインで設定したアマゾンなどは確かにリアルタイムでちゃんと反応している。でも、私が作ったものはダメ。 じゃ、推測。 *トラッキングコードを切り替えても最初に効果が表れるまでにはちょっと時間がかかるのか? *プラグインのgoogle analyticatorは、htmlソースを見ても外部リンクにイベントトラッキングのタグは入ってない。つまり該当リンクを押した時にjQueryか何かがコードを作ってトラッキングを行ってくれてるんだろう。もしかして、これと競合して反応しないとかそういうこと? でも振り出しに戻るけど、そもそもこれっだて外部リンクで、既にログがとれているサイト(の別ページ)にアクセスしているのに…??? そっちのサイトの問題なのか? *スクリプトの入れ方が間違ってるのかなあーちゃんとお手本どおりにやってるはずなんだけどなあー まあ、時間の問題だったり、なんかよくわからん所が引っかかってたり、するのかな… 最悪、プラグイン...

cssのエラーを視覚的に把握できるPESTICIDE

Image
PESTICIDE このPESTICIDEを使うと、編集中のcssの構造を枠線で示してくれるため、コーディングのエラーやミスなどのデバッグがしやすくなる。 これまでは怪しいと思った要素にボーダーラインを一時的に表示させることで対応していたけど、これがあると一括で全要素に枠線が付くので非常に見やすい。入れ子が壊れているところも見つけやすくなるかもしれない。 中規模サイトの製作&運営をしていく中で、既に挫折しそうなcssの構造把握…それに立ち向かおうと新たに本をゲットしたばかり…といういまだ勉強中の身には、まさに理想ともいえるお助けツールになりそう! 使用方法はこちらのサイトが詳しいです。読み込み方法は、主にローカル環境ならcssファイルをヘッド内に記述するか、chromeにプラグインとして追加するか…などがあるみたい。 CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide -- コリス

企業アカウントと自動ツイートの組み合わせは

Image
嫌われます! えっと 本日、YouTubeの動画の再生リストをごにょごにょ整理していたら、作成した公開再生リストに放り込んだ30件ぐらいの動画が1件ずつ自動ツイートされてしまった。「動画が再生リストに追加されました」っていう文章。 連携ソーシャルメディアの設定で、再生リストに追加したらツイートが飛ぶようになってるのを忘れてた…。パタパタと、それはもう勢い良く飛んでいきましたとも、つぶやきがね。 フォロワーさんも飛んでいきました。20人以上。 200人じゃなくてよかったということにしておこう。 いくらあなたのお好きな情報を提供しますって言ったってさ、なんかイヤよね。自動ツイート。Facebookによくある「フォトアルバムに写真を追加しました」とかさ。追加したら自分の言葉で書けっ。特に企業での利用は、販促を兼ねてるからただでさえお客様とサービスという距離感があるものなんです。そこんとこ上手く調整してくれるのが人間味…な気がする。 こういうの(笑) …て、ちがうか。(笑) 全くもー、気をつけなきゃっ! ++++ Now playing.... Hellfire / ACCEPT ++++

技術系の記事は賞味期限があるから

Image
http://takahashifumiki.com/web/programing/1754/ 高橋文樹.com こういう気遣い、とってもありがたい。

カスタムタクソノミーのタームのリストから、任意のタームだけを表示させる

カスタムタクソノミーのカテゴリーのリストを、特定のタームだけ表示させたい。 2日探しまわって悩んだけど、答えはとても簡単だった。 <pre> <?php wp_list_categories('taxonomy=books-cat&show_count=1&orderby=order&include=2, 3,10&title_li='); ?> </pre> これは通常(デフォルト)のカテゴリーを表示する上記の関数。 ここの、必要なカテゴリーだけを表示させるためのincludeにタームのIDを指定すれば良かった。 カスタムタクソノミーの中のタームを表示させるには、get_term_listなどを使うのだろうかと難しいことを考えていたけど、これで問題なかった。 上の例だと、ID番号が2と3と10のタームのみを表示させることになる。 ちなみに、本当にやりたかったのは特定のカテゴリー(実際はターム)の子タームをずらりと表示させる事だったので、includeの部分をchild_ofに変更。 <pre> <?php wp_list_categories('taxonomy=books-cat&show_count=1&orderby=order&child_of=231&title_li='); ?> </pre> こうすると、望み通りに階層化されているターム(ここではID番号231)の子タームのみが表示された。 ただし、親タームのみに属している(つまり、子タームの指定がない)投稿は記事数に反映されない。なので、これから修正して廻らなくちゃ。 やー。 1歩1歩近づいている。 長かったけど、ポイントは、完成後のメンテも含めて自分が出来る事、手が届きそうな所でタグを打っていく事だ。今の段階で理解出来ない関数を使ってどんなにカッコ良く見せよう、機能的に作ろうと思っても、手に負えないものは後々の収拾がつかなくなる。今の自分に出来る最大限を。なんて当たり前なんだ(笑)。

Googleに聞いてみよう

[凛]WordCamp Tokyo 2013で「Googleに聞いてみよう」を聞いてきた! http://wan.207works.com/wordcamp-tokyo-2013/ (りんろぐ。) ------ 実に参考になりました。

wordpress 不正アクセス対策 その後

Image
不正アクセス対策として下記のプラグインを使っている。 1)Crazy Bone(狂骨) ログインを試みた時に使われたIPアドレス、ユーザー名、パスワードの履歴が残る。 2)WP-Ban 1)のログをもとにIPアドレスを指定してアクセス禁止を測る。弾かれたアドレスは履歴が残り、似たようなアドレスが多ければ記号「000.0.*.*」など、一括して禁止を指定する記号も使える。 3)Limit Login Attempts その名の通り、数度入力内容を間違えると一定時間の間はログイン出来ないようにする機能。複雑なパスワードを間違えた時はへこむ。 4)Google Authenticator 3)に加え、スマホアプリAuthenticatorより提供される文字列の入力画面が追加されるプラグイン。文字列は数十秒ごとに更新されるため、セキュリティ強化に繋がる。 5)Admin Renamer extended 本来ならば変えられないユーザー名を変更できるプラグイン。 例えばユーザー名を初期値adminのまま使用している場合、同じ管理者の権限を持つ新しいユーザーを追加して、当然名前も別のものにする…という形で、adminをユーザー名として大量に行われている不正アクセスに対抗することができる。ただし、adminユーザーを削除してもユーザーID的なものは上書きされずに残る。永久欠番みたいなものか。従って、データ上では新規ユーザーは2人目のユーザーになるらしい。だから、元のadminをリネームするにはこのプラグインがあるよ、という記事を読んだので導入し、使用した。この理由には、投稿などのデータを別ユーザーに引き継ぐのが完全でない場合もあるから…ということが、先述の記事にあった。 さて、あれから二ヶ月。 ログから気づいたことをメモ。 *9万のIPアドレスを利用して攻撃を仕掛けてくるわけなので、IPアドレスを弾くのはその場しのぎかと思ったが、禁止アドレスに追加してしばらくするとアクセス数は減った。が、ゼロではない。Authenticatorが付いてログインを突破する敷居が高くなったとしても、攻撃を辞めるわけではないみたい。 *リネームしたユーザー名でログインを試みた痕があった。4)が仇になったと思われる。これは、新規ユーザーを作った方がいい。 *時々、...

タクソノミー、複数ループをアーカイブ表示させるためのメモ

テンプレートタグ/get posts() [WordPress]カスタムタクソノミーの取得関数いろいろ すぐ忘れちゃうから、メモっとこう。公式サイトをちゃんと読めば分かることなんだ、本当は。 今やりたいのは、タクソノミーごとのアーカイブページで記事一覧を表示させつつ、最新記事など任意のタームを付けたものも表示させる。つまり複数ループを使う方法。 最近やっとタクソノミー、投稿タイプ、タームの構造がはっきりわかるようになってきたので、やっとこさ前に進むことができている。でもこの複数ループの書き方やらタグの違いやらがまだ整理ついてない。ここじっくりやらないと、タクソノミーはものすごく多用するので使いこなせるように身に付けたい。 ちなみに投稿(ニュース記事の表示に使っている)の月別アーカイブとか、出力させたくないんだけど、できるかなあ。月別とか年別にするほどたくさん記事があるわけじゃないし、そういう括りでの見せ方はあまり必要としてないんだよね…。それを非表示にするのがよっぽど手間なら、折り合いを付けるけどね。 そしてアクセスログを見るたびに増えているiPhoneサファリからのアクセス数…。ごめんよみんな本当に。ちゃんとスマホバージョン作るから。ちっちゃい画面でもうちょっとこらえてください。 そして入稿、明日も入稿。 ++++ Now playing.... サブラベルズのアルバム ハードロックだね! ++++

今日まで。富士通、色覚障がい者のための診断ソフトウェア無償提供8月20日をもって終了

http://www.atmarkit.co.jp/ait/articles/1308/16/news049.html 富士通、色覚障がい者のための診断ソフトウェア無償提供8月20日をもって終了: Web担のメルマガで昨日知った。使えそうだから早速落としました。Webデザインに関わる人でまだお持ちでなかったら、ぜひ。

Gmail問題の後、Bloggerのメール投稿が無効になっていた

管理画面の「モバイル/メール」欄を見ると、このブログに記事を投稿するための専用アドレスで自らキーワードを設定していた部分が空白に。昨日iPhoneから、何度写真を送っても反映されないなあと思っていたら、こういう事だったのか。 このアドレスは、Gmailからブログ投稿した事があるので、当然私のGmailデータに含まれるアドレスの1つに数えられる。もちろん今回の大量のっとりスパム送信からのエラーは返ってきていたけど、やっぱりそれが原因で何かが起こって、こういう事になったのかな… とりあえず新しいキーワードを設定して、メール投稿用のアドレスを復活させたので、機能自体は元通り。 っていうかあれか、これをやったハッカーか誰かに300件超のメルアドを知られた事になるんだな、どっちにしても。 これは皆さんに申し訳ない。

注意! Gmailハックfromアラブ首長国連邦

Image
朝、gmail経由してる会社のメールをiPhoneでチェックして、夕方ひと仕事終えたので再びチェックしてみたら、ログイン出来ない。 これは、おかしい。 Macbookを起動してクロームからチェック。 なんと、エラーメールが230件も入っていた。全部送信失敗エラー。中身を1通開けてみると、私が300人超の友人・知人・会社の上司などなど宛に、「Good Evening.」という文章と共に謎のリンクを送りつけるという文面になっていた。 真っ先にパスワードを変更し、会社のメルアドを削除して、それからアクセスログを見てみると、「このアカウントは他の場所からアクセスされていないようです」とか言っときながらこれだ。 アラブは私じゃないから。 これはエラいこと。 というわけで、私が送りつけたとされるメールのTo部分に入っていた総てのアドレスをコピーしてテキストファイルに保存。その後、送信エラーを1通ずつ確認しながら、「誰それ宛には送れませんでした」という「誰それ」(つまりメルアド)部分をテキストファイルと照合しながら、エラーが返ってきたアドレスには◯印を付ける…という作業を繰り返した。 そして、2人以外の全員から送信エラー(もちろん、再試行なしの最後通告!)が届いている事が判明。 はじけなかったアドレスのうち1人は上の妹(普段使ってないアドレスだそうな)、もう1人は会社の取引先の方。まだお付き合いがあるので、こちらは月曜日にでもモゴモゴとお電話するしかない。 ちなみに、差出人の私のgmailアドレス宛にも同じメールが届いていて、なおかつそのアドレスに対する送信エラーも届いていた。これが不可解だったので、同じく被害を被りそうだった母親に電話して聞いてみたところ、私から所定の時刻に届いたメールはないとのこと。 じゃあ、これは、一応大丈夫だと思っていいんだね。 いいんだよね。 でも、万が一予想外の事が起こっていたらいけないから、やはり週明けに聞いてみよう。 ひやり。 いや、こりゃ迷惑かかるよ。 あっ、もしここを見ているお友達の方で変なメールが届いていたら、まさにもう、上記の通りですので、削除してください。ごめんなさい。 気をつけんといけんね。

下着ショッピングサイトの使い勝手がアレで

Image
とある下着ショップで購入した商品が気に入ったので、同じ物をネットで買おうと思った。ポイントも溜まっていたので、使えるかな…と と えっ! 会員登録しているのに、またログインしろって言われてるよ? よく調べたら、おそらく実店舗の会員と、オンラインショップの会員は別扱いらしい。どっちも名前がよく似てるので、紛らわしい。 で、親切にもそれを統合するサービスが提供されていたので、ポイントを使いたかったから統合してみた。 ここの所は上手くできていた。 それで改めてログインしてみたら、… 貯まっているはずのポイントが反映されていない…。 時間がかかるのかな…? 最近アマゾンのショッピングサイトを日々利用している人なら、その進化ぶりがわかると思うけど、カートに入れた商品が「カートを見る」ボタンにカーソルを乗せるだけで、サムネイル付きで表示されるようになっている。これと同じ事が、ここのショッピングサイトでも実現されていた。うん、これは見やすくてありがたい。 ↑こういうの、ね。 でも、購入手続きに進む間に上記のポイント問題が発覚したので、またしてもお問い合わせのページなどをうろうろ。うろうろしながらもカートの中身はちゃんと保持してくれているはずなので、ちょっと商品を再確認…しようとしたら、勝手に値段が上がっていた。なにっ!? でもでも、購入手続きのページに戻ってみると、それは送料が追加された結果だという事がわかった。 でもでもでも、「カートを見る」ボタンにカーソルを乗せた時の小窓には送料の内訳が表示されないまま、商品個々の価格と最終的な合計金額が表示されるんである。いくら算数に弱い私でも、700円増えてたらさすがにおかしいと思うである。 スマホサイトのデザインも、ガラケーの名残で出来たと思しきデザインでもうひと押しみたいな所があって、(人のこと言えんけど)トップ・クオリティのサイトというのはやはりトップ・クオリティなだけあるなあ、と思った次第。 ほんと、人のこと言えんけど、自分とこも頑張って作ろう。 改めてそう思いました。 この下着は前回同様、ルミネに行って買うことにします…。 送料で700円とられる上、絶対に家にいない時に届く物を不在票もらってヤマトさんを二度手間にさせるより、暇な時に定期で池袋まで行った方がい...

78000の準備期間

Image
ブラウザのチェックをするのに、ネットカフェやら、無料のオンライン人力クロスブラウザチェッカー(時間かかる)などを使って、だましだまし生きてきたけど、ここらでひとつウィンドウズを手に入れたほうがよい、と思ったのがこの秋。レコーディング帰りの電車の中でちょうど気分が乗ったので、先ほどのレコーディング機材を玄関に置いて、再び電車に乗って池袋に向かった。 サブマシンだから、ピンときたものでいい。見た目よりは機能。ただ、自分のターゲットとしてるお客さんがよく使ってそうなモデルがいいかな…。 見た目なんてといいながら、NECのかっこわるいキーボードは好きじゃないなと思ったり、Ultrabookという言葉の謎が解けるまで東芝のノートを怪しく眺めたり(薄型ノートの総称なんだってね)。店員さんに事情を話して、15インチは結構人気ですよと統計情報を得る。なるほど、メモリは買い足せても画面を広げることはできない(外付けモニタを使うのは計画外)よね。あれこれ見せてもらったけど踏ん切りがつかず、また1人で考えることにした。 ちょっと母の意見を聞こうと、電話。すると「新しいのがいい」と即答。うん、そうかもしれん。フロア全体を注意深く見てみると、Windows 7と新しいWindows 8が入ったモデルが混在していた。先のことを考えて8を選ぶか。 ある程度考えを固めつつ、引き続きうろうろしていたところを2人目の店員さんに声をかけられた。さっきと同じ事情を説明すると、さっきの方よりはあれこれ察して下さった模様。そこで案内された2機種、1つは今日だけで50台も売れたという人気モデル。もう1つは、機能は同じぐらいだけどオフィスのソフトが入ってない分、3万円ほど安いという。見た目は、まあどっちかといえばやぼったい。 そか。じゃあこの2つでピンとくるもの…。 ピン… ピン ク ッ 「もうピンク以外残ってないんですよ」 そうですか ええ この色は なしだと思います が、 見た目よりは機能ッ! ひと通りセットアップが終わって、Internet Explorerのバージョンを複数チェックできるソフトもゲットして、さっき命からがらシステム終了できた所。 いやそれにしても、あのスタート画面とかいうふわんとした物の使い方が、もうなんて言うか謎。ダンジョ...

デザインチェック:ローリング・ストーンズ

Image
http://www.rollingstones.com いつの間にか、完全にタブレット端末仕様になっていた。 しかも「ホーム画面に追加」のアイコンもちゃんと用意されてて、さすが。

[wordpress] カスタム投稿タイプをfunction.phpから手入力したときは

必ずパーマリンク設定を開いて、(何も変更せずに)変更を保存。 じゃないと、新しく追加したカスタム投稿タイプの一覧表示がarchive-{post_type}.phpの形で反映されない。 こういう、ページ構成やら何やらに関わる変更を行なったときはいくつかチェック事項がある。 ・ブラウザのキャッシュを消去 ・MySQLを再起動 ・パソコンを再起動 ・パーマリンクを再設定 こんなかんじかな。 忘れずにメモっておこう。 しかし、作っている間は自分のブログなど見る暇はない。 ははっ

Webのモックアップ作りスタート

まあそういうわけで、昨日は帰ってから『BALLS TO THE WALL』を聴いたり譜面を引っ張り出してタイトル・トラックを弾いてみたり…と、布団に入っても寝られず(笑)、ずっとニヤニヤしてたんだけど、やっぱり今日もニヤニヤしてしまった。(笑) 最近、会社のWeb制作環境がようやく整った。webarena suitexを使っているのでphpのデフォルトが5.1.6と古かった。それを、しかるべき処置をとって5.3を使えるようにして、おかげでWordPressも最新版にアップグレード。プラグインのContact Form 7も使える。この話は、また今度書くつもり。結構情報を探し回ったんでね。しかも一度失敗したしね。本番サイト見られなくするの、やめようよ。いくら自分とこの部署のだからってさ 汗 そういういみで、ローカルでにテスト環境だけじゃなく、サーバー上でのテスト環境&テストサイトもほしいところ。個人のWeb仕事には、前書いた通り安いドメインを買って本番同様のチェックができるように整えているけど…そのサーバー、まだmysql余ってるからつかってもいいけど、会社のアクセスログにわたしのサーバーのアクセス歴が残るのはちょっといやだなああと思ってる毎日。うむむ。ま、追い追い考えよ。 ともかくこれで、心置きなくWebデザインの方に入れる。Photoshopで各ページのレイアウト、モックアップを作る作業である。 私はデザイナーではないので、「これいいかも」と作ったデザインは、振り返ってみるとどれもダサい。今回はとにかく、見る人のことを念頭におき、周りの素晴らしいサイトを参考にしながら、心新たに取り組むつもり。 ++++ Now playing.... Monster Man/ACCEPT ++++

ドメイン名更新危機一髪

Image
今朝、Webを担当している歌の先生から「メールが届かなくなった」と連絡あり。夜は空いていたので、仕事終わりで今伺ってきた。 エラーが出ていたのはドメイン名のついたメールアドレス達。 ドメイン名更新してなかった…。 ドメイン名は一度逃すと再び取得するのは極めて困難、ほぼできないと思っていたほうがいい。 なので毎年気を張っていたのですが、今回はレンタルサーバーの更新だけして落ち着いてしまったのか…。なんということ。 ドメインサービスのサイトにログインしてみると、確かに有効期限が切れていた。実はその後も多少の猶予を残してくれているんだけど、なんとその最終日にあたるのが今日11/15だった事が発覚。 いやもうほんとに、危機一髪。 +++ Now Playing... Screaming For A Love-Bite / ACCEPT +++ (なんじゃこの曲名…) 写真は帰りみち。久々の大江戸線。

bloggerにhtmlで作ってきた記事を移行する方法は、手動しかないかなぁ

Image
htmlで書かれたブログをbloggerにインポートしようとしている。 が、 やはりもとがhtmlなので、アメブロやらココログやらみたいにブログエクスポート機能があるわけではない。手動でxmの形にデータを揃えようと思っていた。 が、 ためしに自分のこのbloggerをエクスポートして、中身のxmlを見てみたら、ちょっと自分の手には負えない見た目…タグさえ合致すればいいかもしれないけど、どうだろ…上手くいくかな…?? あまり自信がない。 もうちょっとじっくり見てみて考えよう。 手動でxmlか、手動で1個ずつ記事を打ち込む方が早いのか。 1個ずつ打ち込んだ方が、やっぱり早いかなあ…。 でも、100ページあるしなあ。 ++++ Now playing....  In My Dreams / DOKKEN ++++