サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
h2o-space.com
大げさなタイトルをつけてみましたが、先日Googleが本家のスマホ版サイトをリニューアルしました。主に「Google+」の追加が主ですが、面白いロジックが仕込まれていて、スマホサイトの未来を垣間見る気がします。いくつか紹介しましょう。 固定ツールバー これまで、スマホサイトの構築では「要素を固定できない」というのが常識でした。 CSSの「position:fixed」が効かない上に、スクロール中は一切のスクリプト操作や、アニメーションGIFですらもストップしてしまうため、要素を固定したりすることはできなかったのです。 そこで、これまでは固定したい要素は「スクロールの開始直後にいったん消え、スクロール終了後に再度表示される」というのが一般的でした。jQuery Mobileの fixed toolbarがそのつくりです。 しかし、リニューアルしたGmailでは、スクロール中も固定したツール
今回、WordPressのメリットなどをお客様にご説明する機会があり、せっかくなので資料にまとめて、クレジットなどを記載しない形で共有いたしました。 slideshareにアップロードしております。ダウンロードや印刷など自由に行っていただけますので、もしWordPressを誰かにサックリおすすめしたい! というときは使ってみていただけると幸いです。 「こんな特徴もあるよ」など、資料に盛り込んだほうが良い内容があったり、分かりにくい、間違いがあるなどありましたらご意見お聞かせくださいませ。 WordPressご説明資料 View more presentations from H2O Space. Co., Ltd.
WordPressを構築したお客様にお渡ししている、「WordPress管理マニュアル」をこの度改定しましたので、クレジットなどを削除したバージョンを公開いたします。 最新の ver.3.1.3に画面ショットなどを合わせた他、各基本的な操作説明や記事を書くときにテクニックなどを中心に執筆しております。 まだ、現状ではコメントの扱いなどが書けていないので、このあたりは追って追記していきたいと思います。お客様への納品時に合わせてお渡しいただくなど、自由にお使い下さいませ。 WordPress管理マニュアル rev.04をダウンロード(PDF)
Mac用のWebページエディタとして、Dreamweaverと肩を並べていると思っている「Coda」ですが、作ったサイト定義をバックアップする方法がわからずに困っていました。 そこで、ぼそっと Twitterでつぶやいてみたのですが、なんと「中の人」がわざわざ見つけてくれて、教えてくれました。 それによると、以下のファイルをバックアップしておけば良いとのこと。 /Users/***/Library/Preferences/com.panic.Coda.plist ※「***」は自分のユーザ名 改めて Twitterの力を見せつけられました。そして、ご親切に教えていただいた中の方、ありがとうございました。ますますCodaが好きになりました。 でも・・できれば、Transmitと同じように「書き出し」などの機能がついてくれると嬉しいなー Coda
jQuery Mobileで開発を始めるときは、次のHTMLをスニペットとして使うと便利かも。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Hash watcher</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> </
WordPressを使っていると、新しいバージョンがリリースされたときに、こんな通知が表示されます。 このままワンタッチでバージョンアップができるので非常に便利なのですが、仕事でお客様に納品したWordPressの場合、お客様が気軽な気持ちでバージョンアップしてしまうと、プラグインが動かなくなったり、データベースが壊れてしまったりなど、意外とリスクが高い行為だったりします。 そこで使えるのが「Disable WordPress Core Update」。このプラグインを入れると、通知を止めることができます。 お客様が自身でバージョンアップするのではなく、制作会社側で良いタイミングの時に検証やバックアップも万全にして、バージョンアップしたいですね。各サイトに入れていきたいと思います。 Disable WordPress Core Update
Androidの勢いが止まりません。国内だけでもドンドンと機種が増えてきて、一体現状どんな種類の端末があるのか把握しきれなくなってきました。 そこで、少しここまでの端末のスペックなどをまとめてみました。できるだけ正確な情報を心がけておりますが、もし間違いなどありましたらご指摘くださいませ。>Twitter 今後も最新機種を網羅していきたいと思います。
Macユーザーの私は、文書作成にはApple Pagesや、Numbersを利用するため、Microsoft Officeのお世話になることはほとんどありません。しかし、Windowsなお客様から送られてくるオフィス文書は、PagesやNumbersでは再現性が低く、Microsoft Officeも主にビューワーとして購入しています。 がしかし、これがまた重い・・単に文書を見たいだけなのに、起動に数分かかったりします。と、最近見つけたフリーのオフィスソフト「LibreOffice」がすごくいいです。 Libre Office Word、ExcelにPowerpointも開けて(さらにはデータベースのクライアントや数式エディタまで付属しているようです)、これが再現性がかなり高い。その上、動作がめちゃくちゃ軽い。使用メモリも少なく、さらにアイコンや画面も格好いいとまでは言えないものの、シンプ
WordPressの管理画面に、オリジナルのメニューを表示する方法(WordPressプラグイン作成日記 #2) WordPressの管理画面には、自由に項目を追加して画面を増やすことができます。 次のサンプルプログラムを見てみましょう。 <?php /* Plugin Name: Menu test Plugin URI: http://h2o-space.com Description: メニュー追加のテスト Version: 1.0.0 Author: H2O Space. Author URI: http://h2o-space.com */ add_action('admin_menu', 'h2o_menu'); function h2o_menu() { add_submenu_page('post-new.php', 'メニュー追加テストのタイトル', 'メニュー追加テスト
jQuery Mobileのヘッダには、左右にボタンを付加することができます。こうすることで、iPhoneの設定画面などでよくある「戻る」ボタンや「保存」ボタンなどを画面上部に配置できます。 data-role属性が「header」となっているエリアに、次のように組み込みます。 [xml] <div data-role="header"> <a href="index.html" data-icon="delete">キャンセル</a> <h1>ツールバー</h1> <a href="index.html" data-icon="check">OK</a> </div> [/xml] 「data-icon」属性の中は、次のような種類があり、それぞれのアイコンが表示されます。 alert arrow-d arrow-l arrow-r arrow-u back check del
jQuery MobileのDocs&Domosで、ある目的のページに行ってHTMLソースを参照したいと思った場合、単純にソースを表示すると常に最初の画面のソースが表示されてしまいます。 これは、Ajaxでページ遷移がされているため、URLが実際には変わっていないから。しかし、実はURLを少し書き換えるだけで閲覧できるようになります。例えば次のURLの場合・・ http://jquerymobile.com/demos/1.0a3/#docs/lists/lists-formatting.html 「#docs」の「#」を取り除きます。 http://jquerymobile.com/demos/1.0a3/docs/lists/lists-formatting.html すると、今見ていたページが改めて表示されるので、これでソースを閲覧すればきちんと、そのページのソースを見ることができま
新しいことを勉強して、久々に心底感動しました。 Facebookである方が「もうすぐCodeIgniterカンファレンスが開催される」といったつぶやきをしているのを拝見し、この時初めてその存在を知りました。。 PHPのフレームワークで、習得が早く、動作速度が爆速だということだったので、ちょっと触ってみるかとダウンロードしてドキュメントを読みながら Hello World!を作ってみる。すると・・・ こ・・これはすごい・・ なにがすごいって、これまで私は「CakePHP」を超愛用していました。CakePHPは、もちろんそのほとんどがすごくいいのですが、若干だけ不満があったのです。しかし、codeIgniterではCakePHPの好きなところはそのままに、不満が全部吹っ飛んでいたのです。 では、その全貌をご覧入れましょう。 モデル・ビューが不要 CakePHPもcodeIgniterも、MV
昨日は外出なし。セミナーも終わり、いろいろとたまっていた仕事を片付けました。しかし、アルバイト君がお休みの日で、もう一人の社員は風邪でお休み。ということで、オフィスの中に私一人しかいなかったため、いまいち集中力も上がらず、もう一息進みませんでした・・うぅむ、反省。皆様も、お体に気をつけてください。 さて本題。最近、Webサイトの編集作業にCodaという編集ソフトを愛用しております。非常に軽い上に、エディタ・FTPクライアント・ターミナルまでがセットになっていて使いやすい。Macらしいソフトで愛用しています。 Codaの特徴の一つが「Subversion」のクライアントを持っていることなのですが、これを使うとバージョン管理ができるようになります。今回は詳しいことは割愛してしまいますが、これも非常に便利。 で、Subversionのホスト先として使っているのがBacklogです。これを使えば、
もはや、HTML制作の時には必須のテクニックとなった「Zen Coding」。私も、DreamweaverやCodaでバンバン活用しています。 で、Codaの場合「TEA for Coda」というプラグインで機能を拡張するのですが、これがちょっと困ったことに<html>要素の「lang」属性が「en-US」になっています。 日本でやるなら「ja」または「ja-JP」にせねばならず、これを毎回書き換えなければなりません。これ、設定ファイルで書き換えることができます。 Finderで自分のユーザーディレクトリから次のパスを辿ります。 「ライブラリ→Application Support→Coda→Plug-ins」 そして、「TEA for Coda.codaplugin」ファイルが見つかったらこれを右クリック、コンテキストメニューから「パッケージの内容を表示」を選びましょう。すると、さらにこ
乗り遅れましたが、いつの間にかjQuery Mobile alpha2がリリースされていました。 それを記念して、またまた日本語訳。相変わらず、私の貧弱な英語力では訳せなかった部分もあるので、適当です。。 原文もご参考にどうぞ。 jQuery Mobile Alpha 2 Released 翻訳ここから jQuery Mobile Projectのアルファ2をリリースします。このリリースでは、いくつかのバグフィックスと機能追加を行いました。 いくつかの機能を作り直してパフォーマンスを改善し、またクロスブラウザ互換も品質が向上しました。これによって、jQuery Mobileは大幅に改善されました。 私たちは、2010年中にもう一度バージョンアップをし、1月には1.0をリリースする予定です。 デモとマニュアル jQuery Mobileのデモとマニュアルは次のサイトでご覧いただけます。
【2010/11/10追記】 人気記事なので、こちらに移植しました。2010/02/17の記事と同様です。 — USTREAMは、iPhoneでも見ることができるのですが、Twitterクライアントなどからリンクをクリックしても、残念ながら見られません。 そこで、ここではその視聴方法を紹介しましょう。 Ustream Viewing Applicationをインストールする まずは、iPhone用の視聴ソフトである「Ustream Viewing Application」をインストールします(無料)。 Ustream Viewing Application(iTunes Store) このソフトを起動すると、現在放送中の番組やこれから放送される番組などを見ることが出来ます。 自分のチャンネルを申請する さて、見るだけならこれで十分なのですが、自分でチャンネルを持っている場合は、もう一工夫必
Windows7が発売して、早1ヶ月。発売日に入手していたものの、あまりの忙しさに放置をしていたのですが、ようやく重い腰を上げてインストールしてみました。 しかし、これが四苦八苦。ということで、レポートしておきたいと思います。 まずは私の環境。 ・iMac 2.4 GHz ・現在 Bootcampで Windows VISTAを利用 ・別途、VMware Fusionで Windows XPを利用 ・購入したのは、Windows7特別アップグレード版(7,777円のやつ やりたかったこと(過去形 Bootcampの Windows VISTAをアップグレードして Windows7にするというのが、一番の理想。ということで、早速アップグレード開始。 んがしかし・・ ダメでした。Bootcampは、ぎりぎりのHDD容量しか与えておらず、すでにほとんど空き容量がなかったため、アップグレー
ChatGPTが、最新のGPTである「GPT 4o」になったことから、これを機会にChatGPTの使い方を「ざっくり」ご紹介する記事として、「ざっくり学ぶ、ChatGPT」という入門記事を執筆しました。 noteを通じて […]
iPhone、Androidの利用者は急激に増加しており、ホームページの対応が急がれています。 しかし、そのノウハウは独特で、PCとも携帯電話とも違う知識を身につけなければなりません。 エイチツーオー・スペースではWeb制作会社として、これまでに培ったiPhone・Android向けWebサイト制作・構築のノウハウを、一日(4時間)の講義に濃縮して、お伝えいたします。 本セミナーは、主催者様が開催日・開催場所・開催時間や参加人数などを自由に決めて開催するスタイルのセミナーとなります。 社内研修や仲間内の勉強会、イベントの開催などでご利用ください。全国どこでもお伺いいたします。(交通費はご負担ください) また、映像や音声の録音は自由にしていただけ、社内利用などの目的に限り自由にご利用いただけます。(利用方法の詳細はご相談ください) ご参加人数は20名様までとします(それ以上の場合はご
次のページ
このページを最初にブックマークしてみませんか?
『Web制作会社 エイチツーオー・スペース』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く