iPad/iPhone VS Androidに戸惑っているWebデザイナ/開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツール「Titanium」を紹介し、その利点や使い方を連載で解説します HTML+JavaScriptでiPhone/Androidアプリを作る Web技術でネイティブアプリを作れるTitanium(1) iPad/iPhone VS Androidに戸惑っているWebデザイナ/開発者のためにオープンソースの開発ツールを紹介します
iTunesは、言うまでもなく便利なアプリですが、何も問題がない訳ではありません。iPhoneと同期している時に、問題が起こることはよくあります。そのような時のために、iTunesアプリ以外を使って、各種ファイルを同期する方法を、ご紹介しましょう。これで、iTunesを使わずに同期ができますよ。 ■写真 iPhoneでどんな風に写真がみたいとか、どれだけ写真を入れておきたいとか、そういったことを言えるほど、写真に関するオプションはありませんでした。米Lifehackerで最近紹介したアプリ『PhotoSync for Lazy』は、WindowsとiPhoneの写真を、自動的に素早く同期できます。クロスプラットフォームのアプリ『PhotoSync』は、パソコンと接続しなくてもワイヤレスで、iPhoneのカメラロールの写真をパソコンへ転送可能です。 『Dropbox』も、どのプラットフォーム
iPhoneやAndroid用のネイティブアプリがJavaScriptで作れる「Titanium Mobile」がすごいらしいです Tweet 2010/10/29 金曜日 matsui Posted in 記事紹介・リンク | 3 Comments » iPhoneやAndroid用のネイティブアプリがJavaScriptで作れる「Titanium Mobile」がすごいらしいです。 私が知ったのはこのエントリーがきっかけです。 → kurainの壺 Titaniumが楽しすぎてやばい [d.hatena.ne.jp] さらに元ネタをたどるとnaoyaさんのブログでした。 → naoyaのはてなダイアリー Titanium – JavaScript で iPhone/Android アプリを作る [d.hatena.ne.jp] → naoyaのはてなダイアリー Titanium Mob
最近、Safariのとっても便利な機能や設定を知った。以前から使っているものも含めて、追加している機能を厳選して書き出してみた。 動作確認の環境 MacBook OSX 10.6.4、Safari 5.0.2 テキストエンコーディングを自動判別するよ。 以下のページをクリックしてみて欲しい。自分のSafariでは、すべて文字化けする。 本ができるまで ホームページ案内 / Homepage Guide ブートの仕組み ところが、テキストエンコーディングの自動判別を有効にすると、かなりの確率でちゃんと読めるようになった。 3.のページについては、最初文字化けが続いたが、何度かテキストエンコーディングの手動設定を繰り返しているうちに、文字化けしなくなった! テキストエンコーディングを学習するのだろうか?謎だ...。 そんな機能を実現してくれる設定は... # 自動判定を有効にする defaul
ちょっと遅めの夏休みをもらって八丈島に行ってきました nakamura です!いい所すぎて危うくそのまま移住するところでした。 データベースの移行をする際みなさんどんな流れで作業しているでしょうか。コマンドラインでダンプを取って、サイズが大きかったら gzip で圧縮して、WinSCP でそれをローカルに落としてきて、それをまた別のサーバにアップロードして・・・・なんて事してたりしませんか? シェルのパイプやリダイレクトをうまく使ってあげれば、この辺りはコマンド一発でいけちゃったりするのです。今日はそんなコマンド例のご紹介です。 実際によく使うコマンドの例を箇条書きで。 とりあえずダンプの結果をそのまま圧縮する。 mysqldump -udb_user db_name -pdb_pass | gzip > db_name.dump.sql.gz 特定の文字列を置換した上で圧縮する。 MT
WebアプリをiPhoneっぽくするための5つのポイント:iPhoneで動かす業務用Webアプリ開発入門(1)(1/3 ページ) iPhoneで動かす業務用Webアプリを作るコツを紹介 初めまして。今回から本連載を執筆する石田です。筆者は、ドリーム・アーツで多店舗展開するチェーン店企業向けの業務コミュニケーション支援クラウドサービスである「店舗matic」の開発・運用を担当しています。 ドリーム・アーツの顧客である多店舗チェーン企業では、多くの店舗をマネジメントするために、スーパーバイザやエリアマネージャという、担当する店舗を巡回して店舗の運営を支援したり、本部と店舗の間のコミュニケーションを取り持つ役割の人が多くいます。 こういった人々が常に最新の情報にアクセスし、業務をより良くしてもらうために、「店舗matic」は、2010年8月にiPhoneでの利用に対応したバージョンをリリースしま
popIn株式会社(以下「当社」といいます。)は、お客様のプライバシー情報保護の重要性について認識し、以下のプライバシーポリシー(以下「本プライバシーポリシー」といいます。)に従い、お客様のプライバシー情報の適切な取扱い及び保護に努めます。 1. プライバシー情報の定義 本プライバシーポリシーにおいて、プライバシー情報は「個人情報」と「履歴および特性情報」により構成されます。 「個人情報」とは、個人情報の保護に関する法律(平成15年法律第57号。以下「個人情報保護法」といいます。)第2条第1項により定義された「個人情報」、すなわち、(1)生存する個人に関する情報であって、当該情報に含まれる氏名、生年月日その他の記述等により特定の個人を識別することができるもの(他の情報と容易に照合することができ、それにより特定の個人を識別することができることとなるものを含みます 。)、(2)個人識別符号が含
テキスト処理を中心にやっていましたが、画像処理に興味が出てきて、さっそくアプリを作りました。もともと下の記事のあたりでユーザーとして画像処理に興味を持って、当然の流れながら、自分でもつくってみようと。 Color Splash + TiltShift Generator + Instagramの写真加工が面白い。 - このブログは証明できない。 で、何かを間違えて、普通の画像処理ではなく、カメラの映像をリアルタイムに加工しはじめました。そうすると、パフォーマンスがかなりシビアなんですね。 iPhoneでカメラの映像をリアルタイム画像処理してみる。 - このブログは証明できない。 全ピクセルを操作しなければなりませんから、ループをたくさん回す必要があります。なんとか高速化できないかと考えてみたところ、あっさり高速化に成功しました。私が気づくぐらいですから、初歩の初歩なんだと思います。 追記:
前回取り上げたカスタムタクソノミーはなんだか既存のサイトには使いづらい雰囲気満載でしたが、今回取り上げるカスタム投稿タイプは期待度満点。 投稿やページとは別に、思うままにカスタマイズした投稿タイプを作成できます。導入方法、機能の概要、表示方法を順に見ていきましょう。 カスタム投稿タイプの導入方法 カスタム投稿タイプについて、カスタムタクソノミーの時と同様、プラグインを使う方法と、直接コードを書く方法があります。 Create New Custom Post Type 以下に入力していくと、簡単にカスタム投稿タイプを作成できます。 項目は以下の通り。 Post Type Name: (必須)カスタム投稿タイプの名前。コンピュータで読めるように設定する必要があるります。…つまり日本語はダメ→と思ったら通ってしまいました→が、通常の投稿を引っ張ってきてしまうので、やっぱり日本語ダメっぽい。 La
一方、親子関係のないカスタムタクソノミーの場合、従来のタグ同様、入力しないといけません。ただし、子にあたるカスタムタクソノミーが存在しなくても、親子関係(hierarchical)を “True” にすれば、チェックボックスから選択することができるので、”True” にしておいたほうが便利ではないでしょうか。 カスタムタクソノミーの導入方法 では、このカスタムタクソノミーを導入してみましょう。なお、この解説は 3.0 RC 版を使っていますので、正式版と挙動が異なる場合があります。 プラグインを使う WordCamp Yokohama 2010 の Nao さんのセッション「WordPress の現況 〜事例とバージョン 3.0 紹介〜」でも紹介のあった Custom Post Type UI プラグインを導入するのがもっとも簡単です。 Custom Post Type UI プラグインは
Wordpressのプラグインである「Contact Form 7」において ユーザーが入力した改行を全部置換しよう というお話です。 ちなみに、今回紹介する方法では「全部置換する」または「全部置換しない」のどちらかしか選べませんので、もっと細かい条件分岐による置換を実現したい方には全く向いてません。あしからず。 その目的のためだけのプラグイン『Word-Wrap Remover』を作ります <?php /* Plugin Name: Word-Wrap Remover for Contact Form 7 Plugin URI: http://d.hatena.ne.jp/Aoba/20100418 Description: remove all word-wrap for Contact Form 7 Version: 1.0 Author: Aoba Author URI: http
当サイトは WordPress をコンテンツ・マネージメント・システム(CMS)として利用しています。テーマを切り替えることでガラッとサイトの印象を変えることがとても簡単にできるのも WordPress の魅力の一つですが、使用しているテーマのテンプレートをちょこっと改造するとこで色んなことができてしまう自由度の高さも魅力です。 当サイトヘッダーの部分に「おすすめアプリ」や「うわさ」や「共同研究」といったカテゴリーのタブがあって、クリックするとそれぞれに最適化した表示に自動で切り替わりますが、その改造方法はとても簡単です。 特定カテゴリーのみに特別なテンプレートを適用したい場合、利用している WordPress テンプレートの中に category-xxx.php というファイルを用意します。例えば、カテゴリーIDが999番のカテゴリーのみ、「タグやカテゴリー表示なし・件数は10」という条
幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i
WordPressでは多くのページネーションを実装するプラグインがありますが、使用しているテーマにあったデザインで機能も必要なものだけにできるように、プラグイン無しでページネーションを設置する方法を紹介します。 How to build a WordPress Post Pagination without plugin [ad#ad-2] ここでは上記元記事で紹介されているものをノーマル版とし、コメントで投稿されている拡張版の二つを紹介します。 Pagination without plugin:ノーマル版 Pagination without plugin:拡張版 Pagination without plugin:ノーマル版 How to build a WordPress Post Pagination without plugin PHP テーマファイル内の「fuction.ph
既存のフォームにも簡単に適用できる、各ブラウザ、各OSや各モバイルごとのフォームの異なるデザインのギャップを埋め、美しくするフレームワークを紹介します。 Formalize CSS デモページ [ad#ad-2] サポートしているOSはWindow, Mac OS X, Linux、ブラウザはIE6/7/8/9, Firefox, Chrome, Safari, Opera、モバイルはAndroid, iOS(iPhone, iPad)などです。 下記のキャプチャは、Windows XP + Firefox 3.6のものです。 他の各ブラウザやモバイルでの表示は、元記事の下部「Screenshots」に掲載されています。 Formalize CSS Formalize CSS:ノーマル時の表示
最近は早起きしてスーツで出勤している kimoto です。 だいたいお昼食べた後の 14 時過ぎくらいが眠気のピークです。 さて、本日はエクセルの小ネタをば。 個人情報の CSV ファイルをエクセルで読み込むと、 電話番号の「03」や、郵便番号の「0015」など、0 から始まるデータがおかしくなってしまうことに悩んだことある人は多いと思います。ええ、僕もです。 こういう 0 から始まるデータは、エクセルで読み込むと 0 が消され、勝手に数値にされてしまいます。 エクセル以外(たとえば cassava editor など)を利用すれば回避できます。しかし、違うんだ!エクセルでないとダメなんだ!って時もあるでしょう。 そんなときにこの小ネタを思い出してみてください。 ・読み込むファイルの拡張子を csv じゃなくする。(たとえば txt など) 例・「user.csv」 → 「user.txt
シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」 2010年10月22日- simpleColorPicker jQuery plugin シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」。 次のような超シンプルで逆に使いやすそうなカラーピッカー実装が簡単に1行で行えるプラグインのご紹介。 $(inputElement).simpleColorPicker(); として初期化するだけで実装できます。 色をクリックすればその値がそのまま入ります。 こうしたコンポーネントはどんどんリッチになる傾向がありますが、原点に戻ってあえてシンプルに考えることで使いやすいものが出来るのかもしれませんね。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッ
女性らしい曲線・デザインのフリーフォントを集めた「20 Bold Free Script Fonts That You Don’t Have to Be a Girl to Use」 フォントのテイストにもさまざまなタイプが存在していますが、今回紹介するのは、女性らしい曲線・デザインのフォントを集めた「20 Bold Free Script Fonts That You Don’t Have to Be a Girl to Use」です。 柔らかな印象、また華やかな印象のフォントが多数紹介されており、女性を意識したデザインテイストに特にマッチしそうです。気になったものをいくつかピックアップしましたので下記よりご覧ください。 詳しくは以下 ■Radagund Font | dafont.com 繊細な雰囲気も感じさせる書体。エレガントでスタイリッシュなデザインに合いそうです。 ■Hawaii
「ページネーションのための基本マニュアル」(略称「ページネーション・マニュアル」)は、デザイナーの鈴木一誌さんが作成した、広義の<編集>のためのマニュアルです。ここでは、PDFなど電子化したものを公開しています。 「ページネーション・マニュアル」は1996年の発表以降、「日本語の文字と組版を考える会」の活動などとともに改訂を重ね、2010年10月、新版が「d/sign(デザイン)」no.18(太田出版)に掲載されました。 この新版を、鈴木一誌さんとポット出版と深沢英次さんで、PDF/.book(ドットブック)の2つのフォーマットで電子化しました。 PDF版は、iPadとiPhoneで見ることを想定して、A5版(iPad用)、A8版(iPhone用)を深沢英次さんが制作しました。 新版「ページネーション・マニュアル」は、このサイトでは2つのPDFがダウンロードできます。 ドットブック版・紙版
Tumblr好きのWordPressユーザー にはもしかしたら需要があるかも 知れないプラグイン・WooTumblog のご紹介です。Tumblrのように、 サクッと記事を書きたい方にお勧め のプラグインです。 Tumblrの人気は管理画面で記事を書きやすい事が理由というわけでは無いでしょうが、Tumblrのように引用や画像、URLのみの記事などのようにWordPressを使用されている方には良いかもしれません。 基本的にはダッシュボードから投稿する形になります。 タブに分けられていてサクサク投稿できるようになります。こちらは画像の投稿。アップロードするかURLを指定するか。 リンクの場合。 引用。 投稿にはAjaxが使用されていますのでページ推移せずサクッと投稿可能。 テーマをいじればまんまTumblrっぽくすることも。 1カラムにすると見やすいですよ。 普段使っている投稿画面にも拡張さ
[読了時間:1分] 米Microsoftが運営するMixOnlineが10月12日、アドビ・イラストレーターのファイルをHTML5のCANVAS形式にエクスポートできるプラグイン「Ai→Canvas」を公開した。CANVAS形式で表現されたイラストは拡大縮小はもちろんアニメーションを施すことなどが可能になる。 プラグインインストール後、イラストレーターの「書き出し」コマンドを実行するとCANVAS形式を選択できるようになる。書き出されるのはHTMLファイルで、ベジェ曲線はそのままビットマップ画像はファイルとして保存される。対応ブラウザで表示することができる。(以下参照) 上のスナップショットでCANVAS変換したベジェのみで作成されたイラストを以下で公開している。 http://blog.metamix.com/sample/NAOC_LOGO_Illustration.html ソースを
検索オプションや演算子の紹介や「辞典になる」「電卓になる」みたいな機能紹介は省く(これについては、googleのヘルプか、たとえばここhttp://search.web-sun.com/g_help.htmlを参照)。 以下では、基本の考え方と、それを受けて、では具体的にどう検索するかを、いくつかの事例をつかって簡単に説明する。 どれも知っている人には当たり前のことばかりだが、このあたりのことをまとめたものは意外に少ないようなので、メモ代わりになるようにまとめてみた。 まとめたのは最低限のものであって、取り上げるべき事項は他にもいろいろあるだろうが、簡素なのがウリということで。 考え方は、googleで検索するときだけでなく、調べもの全般に用いることができると思う。 1.(基本)「○○について××が知りたい」→検索語「○○ ××」 [例]富士山の高さが知りたい (考え方) →富士山の高さが
目次 カスタム投稿タイプを使えるようにする シングルページの表示 条件分岐 アーカイブページ • ケース1:投稿(post)と同時表示 • ケース2:カスタム投稿のみ表示 • 気をつけること RSS フィードの調整 一般的なブログ形式の場合は、カテゴリーとタグで十分なんですが、カスタム投稿タイプとカスタムタクソノミーの使い方が理解できると、もう手放せなくなりそうです。 ブログ、お知らせ、イメージギャラリー、ポートフォリオ、店舗紹介、Q&A などなど、様々な投稿タイプにあった使い方や表示が実現できます。 日本でもようやくその情報を目にする事が増えてきましたが、それでも思うようにいかないことも多かったので、表示方法やテンプレートに施したカスタマイズの例を中心にメモしたいと思います。 カスタム投稿タイプを使えるようにする functions.php にコードを追加したり、CMS Press
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く