タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

macとdashboardに関するfumikonyのブックマーク (2)

  • HTMLとJavaScriptで作れた!Mac用ミニアプリ (1/5)

    HTML/CSSJavaScriptMac OS XのDashboardウィジェット(ミニアプリ)を作る連載。前回は、単純にHTMLで文字を表示するだけのウィジェットを作成しました。今回はちょっとしたテキストをすぐに入力してメモとして残せる「メモウィジェット」を作ってみましょう。 メモ機能を持ったDashboardウィジェットはいくつかあり、標準でも「スティッキーズ」が用意されています。 ただ、スティッキーズには文字数制限があり、あまり長い文字を入力できません。そこで、今回はHTMLのフォームを使って、文字数制限のない「クイックメモ」ウィジェットを作ります。メモと一緒に更新日時も表示し、同じような内容でもどれが最新なのか、すぐに分かるようにします。 ウィジェット作成の準備 さっそくウィジェットの作成にとりかかりましょう。Widgetsフォルダ内に「クイックメモ」フォルダを作成します。

    HTMLとJavaScriptで作れた!Mac用ミニアプリ (1/5)
  • Mac用ウィジェットをHTML/CSSで自作 (1/4)

    Mac OS XのDashboardウィジェットは、HTMLファイル、CSSファイル、JavaScriptファイルで構成されています。前回はMac OS Xに付属する「Dashcode」を使って簡単なウィジェットを作りましたが、今回はエディターでコードを書いて「文字表示ウィジェット」と「メモウィジェット」を作ってみましょう。 ウィジェットを作成する前に、ファイル構成を確認しておきましょう。前回作成したGoogleマップを表示するウィジェットの中身は以下のようになっていました。 パッケージに含まれるファイルのうち、ウィジェットの作成に必須のファイルは以下のとおりです。 Default.png起動時の画面。多くはそのままウィジェット画面として使われる Icon.pngウィジェットのアイコン Info.plistウィジェットの情報を持っているプロパティリストファイル main.htmlベースとな

    Mac用ウィジェットをHTML/CSSで自作 (1/4)
  • 1