MENU

BLOG

2011

AUG

17

2011.08.17

nishimotonishimoto

jQueryMobileのデフォルトのスタイルを解除する方法

こんにちわ、毎日暑いですね、MacBookAirが加熱しすぎてキーボードを触っていると火傷しそうでビビってる @nihimoto です。

本日はjQueryMobileネタで一つ。

jQueryMobileはお手軽にスマートフォンサイトっぽくしてくれる便利なものですが、デザインのカスタマイズを高度に組み込んでると、強制的に適用してくるスタイルが邪魔になったりしませんか?
しかもスタイルが適用されるクラス名とかがわからないので、解除するのもなかなか厄介なんですよね。

実はあのスタイルは、jQueryMobieのJavascriptをロードした際に、自動的に専用のクラス名を各要素に割り振り、そのクラス名に対してjQueryMobileがスタイルを適用しているので、普通にスタイルシートに書いただけだと、後からスタイル上書きされちゃうんですよね。

今回はこの問題に対処する方法を説明してみたいと思います

Read more

2011

AUG

02

2011.08.02

nishimotonishimoto

WordPressのエディタが独自拡張の属性値を消してしまう問題への対処

こんにちわ、Wii・PS3・Xbox360 のゲーム機3種を持っているくせに、テレビが無いという宝の持ち腐れという言葉にふさわしい生活をしていた@nihimotoです。最近兄からテレビをもらってようやく遊べるようになりました。ありがたい。

ついでに、テレビ買ったこと無い歴も32年に伸びました。たぶん50年くらいまで行けるんじゃないでしょうか。がんばります。

さて、今回のネタはWordpressについてです。
wordpressは非常に便利に使えるCMSなのですが、時折融通が効かなくて苦労します。
特に 融通が効かないと思うのは、ビジュアル/HTMLエディタです。

勝手に<p>タグ付けるわ、連続する<br />タグを<p>にまとめるわ、<iframe>タグは削除するわ、なかなか堅苦しい仕様です。もちろん文法的にはそうあるべきなんですが、もう少し臨機応変にやってくれよと言いたくなります。

これらの問題は、昔からある問題なので、当然のことながら先達たちがプラグインを作ったりして対処方法を用意してくれています。ありがたいことです。

ところが、スマートフォン対応のサイトを作るに当たって、jQuery Mobileを使ったテンプレートを作ってみたところ、あまり例のなさそうな(Google調べ)トラブルに遭遇しました。

jQuery Mobile ではタグに独自の属性値の data-role=”page” などをつけて、各タグのjQuery Mobileの中での取り扱いを決めていくのですが、これをなんとWordpressのエディタは削除してしまいます。

確かにHTMLの中では正しい記法ではないので(data-*** という書き方は HTML5 では Custom Data Attributeという正しい記法だそうです)消されても文句は言えないのですが、それでは困るので対処してみたいと思います。

Read more

2011

JUN

08

2011.06.08

nishimotonishimoto

お手軽にCMSをGoogleスプレットシートで構築する方法(サンプルDL有)

こんにちわ、自炊を初めて部屋が片付くはずが、自炊がなかなか終わらないので部屋が荒れ放題の @nihimoto です。
最近、GoogleスプレットシートというGoogle版エクセル的なwebサービスで、CSVが吐き出せる上にweb上に公開できる機能の存在を小耳にはさみました。これは「CMSに使える!」と思ったので早速試してみました。

Read more

2011

MAY

27

2011.05.27

nishimotonishimoto

PC携帯両対応のウェブサイトをWordPressで構築する方法のざっくりとしたまとめ

こんにちわ、そろそろ夏だと思ってサンダルを履いてみたら土砂振りの @nihimoto です。
この度、とあるPC・携帯のウェブサイトを完全にWordpressの管理下に置いた状態で構築するお仕事をさせていただいたので、そのノウハウをまとめて記載させていただきたいと思います。

WordPressをCMSとして使う方法はうまくプラグインを使いまくればかなり便利に使えます。
Wordpress以外のCMSを使う理由なんてほとんど無くなってしまいます。

Read more

2011

APR

20

2011.04.20

nishimotonishimoto

Xoom(Android3.0)レビュー

こんにちわ、先日の会社の研修旅行でiPad使い倒してきた@nihimotoです。
iPadサイコー!叫んだと舌の根も乾かぬうちに、android3.0が搭載されたタブレット端末、XOOMをandroidの研究の一環として入手したので簡単なレビューを書いてみたいと思います。

ただし、XOOMというある一つの端末のことよりも、android3.0という今後出てくるandroidのタブレット端末で共通に使われるOSに関することをメインに書いてみたいと思います。

Read more

2011

MAR

12

2011.03.12

nishimotonishimoto

世界のみんなの祈り(#prayforjapan)を日本語で。 (@prayer_into_ja)

※現在本記事で紹介している @prayer_into_ja は停止しております。大変申し訳ございません。

ご存知の通り3月11日に東北で大地震が発生し、日本に甚大な被害が発生しております。

弊社TRIADは小さなウェブ制作会社で、大規模なウェブサービスを運営している会社様のように、大きな貢献はできません。そこでせめてもの貢献として被害にあわれた皆様方を少しでも励ますことができるようなツイッターボットを開発いたしました。

世界中のツイッターユーザーのみなさまが、#prayforjapan (日本のために祈ろう) [twitter]というハッシュタグに、日本に向けた暖かいメッセージを寄せているのをご存知でしょうか。
世界の皆様からのメッセージなので当然、英語もあれば中国語もありますし、ほかにもたくさんの言語があります。

それらのメッセージをGoogle翻訳を使って日本語に翻訳し、再投稿するツイッターボットをご用意いたしました。

こちらのアカウントをフォローいただければ数分毎にツイッターの #prayforjapan に寄せられた海外のあたたかいコメントを読むことができます。ぜひフォローしてご利用ください。

フォローはこちらから
@prayer_into_ja ※現在運用を停止しております

ご注意)
・翻訳の精度はGoogle翻訳翻訳エンジン(GoogleとMicrosoftを様子を見ながら使っています)次第なのでちょっと悪いかもしれません。なるべくよくなるように調整を続けていきます。
・すべてのツイートを翻訳しているわけではありません。Twitterの制限上、数分間に1つのツイートを抜き出して投稿するようにしています。なるべく有意義なものが抜き出されるように調整中です。
・botに関して何か問題やご要望、その他の連絡事項などありましたら、@nihimoto か nishimoto@the-triad.jp までご連絡ください

以上になります。

被害に遭われた方々が少しでも元気づけられることを祈っております。

2011

JAN

09

2011.01.09

nishimotonishimoto

iPadを買ったのでweb屋的感想を書いてみた

こんにちわ、ipadを購入していじり倒している@nihimotoです。
噂には聞いていましたがいいですね、ipad!

ということでまだまだ使い込んでいるわけではないのですが、制作サイドから見たipadを考えてみたいと思います。

Read more

2010

OCT

07

2010.10.07

nishimotonishimoto

swfのデータ書き換え作業記録(SwfEditor or SwfMill or 力技)

こんにちわ、先日行った伊豆大島旅行が忘れられず、すぐに同じ船を再度予約してしまった@nihimotoです。星空がすごかったものでつい・・あぁ、あんなところで開発したい。

さて、弊社では携帯向けFlashの開発のご依頼をいただくことが多く、最近FlashLite1.1で高度なGUIをもったアプリケーションを開発する機会がありました。その際にswfの動的生成にのめり込むこととなりましたので、使わせていただいたライブラリへの感謝の念を込めて、ここにその試行錯誤の記録を残しておきたいと思います。

まず、FlashLite1.1を使うに当たって必ずぶち当たるのは下記の2つの壁であることはご存知かと思います。

  • 外部からパラメーターを受け取ることができない
  • 外部のデータを読み込むのにワンボタン必要となる

これら2つの問題をクリアするためにswfを内に必要なデータを埋め込んでswfを動的生成する、という技術を今回使うことにしました。つまりデータを渡せないのであればはじめから埋め込んでしまえばいい、というわけです。

ちなみにswfの容量が100kまでしか読み込めないというさらに大きな壁もあったりしますが、これはFlashLiteのバージョンが上がっても解決できないですし、swfの動的生成で解決できるわけでもないので割愛したいと思います。がんばって容量を縮めてください。それしかないです。

Read more

2010

SEP

24

2010.09.24

nishimotonishimoto

phpカンファレンス(24日)メモ

こんにちわ、@nihimotoです。
phpカンファレンスに出席してきたので(遅刻はデフォです)メモを掲載させていただきます。私が気になったことだけのメモなので、他の方のメモなども合わせてご覧になることをオススメします。(多分非常に内容が偏っている危険アリ)

Read more

2010

SEP

11

2010.09.11

nishimotonishimoto

mixi の SimplePost を試してみた

こんにちわ、@nihimotoです。
引き続き新しいmixiのプラットフォームをテスト中です。

今度はSimplePostという仕組みをテストしてみました。
一言で言えば、mixi内の特定の機能へユーザーを誘導できるリンク、です。


Read more

5 / 6«...23456