書いてみよう 今回はこれまでに学んだことを参考に、実際に動くスクリプトを紹介しようと思います。 アプリ起動 アプリの起動には activate コマンドを使用します。 activate コマンドはアプリが起動していなければ起動し、起動していればアプリのウィンドウを最前面に表示します。 tell application "Google Chrome" activate end tell tell application の後には起動したいアプリケーションを指定します。 ここに入る文字列は、スクリプトエディタで「用語説明」を開いた時にウィンドウのヘッダーに表示される文字列です。 （※ソース無し。これで動きました。間違えてたらごめんなさい） アプリ終了 アプリの終了には quit コマンドを使用します。 tell application "Google Chrome" quit end tell
Vue.jsだけで作る基本的なチャットアプリ機能のサンプルコードと概要説明です。 Vue.jsの概要説明とプロジェクト設定はこちら： www.katonobo.com www.katonobo.com Vue.jsで超基本的なチャットアプリ機能を実装しよう Vue.jsのサンプルコード コードの説明 Vue.jsで超基本的なチャットアプリ機能を実装しよう Vue.jsだけで作っています。そのため、メッセージはリロードしたり画面遷移したらデータは消えますので実用レベルではありませんが、むしろ無駄を一切削ぎ落としたコードなのでチャットアプリの基本的なロジックを理解するのに役立つはずです。 今回の機能は、自分のメッセージの送信と相手のメッセージの送信を分けて、自分のメッセージは「赤色」相手のメッセージは「青色」になり順番に表示されるようになっています。 実際の動作はこちらのサイトで確認してくださ
jQueryでヘッダー部分に現在の見出し要素を表示する「DisplayHeadingプラグイン」を公開します。 このプラグインは以下のページの振舞いに触発されて作りました。 Phusion Passenger users guide, Apache version １．サンプル サンプルを用意しました。 サンプル スクロールして見出し要素が通過するたびにページ上部のヘッダー部分に見出しのタイトルを表示します。 逆スクロールしても、同じように見出しのタイトルを遡って表示します。 ２．プラグインのダウンロード 下記のリンクからプラグインをダウンロードして、ファイル名を「jquery.displayheading.js」にリネームしてください。 jquery.displayheading_0.0.1.js 以下、設定方法です。 ３．HTML 見出しの内容を表示させたいHTMLを、body終了タグ
本家 jQuery Mobile Site pages page-template(pageの基本構造) multi-page-template(ページ内遷移) dialog transitions(トランジションズの種類) link-formats(外部リンク、メールリンク、電話リンク) pages-themes(色デザインABCDE) Content content-html(htmlタグ/h/table) content-collapsible(折り畳み) content-grids(グリッド・tableの代替) content-themes(色デザインABCDE) lists lists(allサンプル) lists-nested（ネスト＝画面遷移） lists-search（サーチ） lists-performance lists-themes(色デザインABCDE) butto
こんにちは。松田です。 スマホ向けにネイティブに近い動作をするHTMLページを作成しようとした時、必ずぶつかるのがヘッダーの動作の扱いです。 特にiOS向けに処理を書く場合、iOS5では実装されているposition:fixed;がiOS4では動作しないため、iOS4でCSSのみでヘッダーを固定することが難しくなっています。 そんな時につかえるのがiScroll4です。iScrollではJavaScriptの動作によりヘッダーの固定を行う処理が行われます。 http://cubiq.org/iscroll-4 上記のサイトからDOWNLOADボタンを押すとtar.gz形式のファイルがダウンロードされます。 examplesディレクトリにたくさんサンプルが入っているので見てみると良いかもしれません。 特に使えそうなのが、lite、pull-to-refresh、carousel、あたりです。
特徴 キャプチャ 使い方 謝辞 11/9の文学フリマで個人誌『鉄錆風味歪夢 自選集』を頒布しました。そのときの原稿を元にした LaTeXサンプルを公開します。 特徴 以下の特徴があります。 A5版の縦書き、二段組みです。 巻頭歌、タイトルのため、頁中央に文字や画像を表示します。 目次、章タイトルを tbook既存のデザインとは変えています。 小口に画像を入れ、頁番号を縦書きの漢数詞にしています。 奥付も縦書きです。これは以下を参考にしました。 個人出版コミュニティ LaTeXによる書籍製作（１５） http://bookproduction.blog69.fc2.com/blog-entry-68.html ダッシュ（――）は罫線を利用しています（市川憂人さんのアイデア）。なぜか倍角(\scalebox)ではうまくいかない……。 「！」「？」の後に来る空白を少し縮めています。既存のままだと
↑CSSだけでこんな感じに上下中央揃えを実現させるテクニックです。下記の3つの方法を紹介します。 ・1行のみのテキストを中央揃えにする場合 ・2行以上のテキストまたは画像を中央揃えにする場合 ・高さが決まっていない要素を中央揃えにする場合 1行のみのテキストを中央揃えにする場合 <!-- HTML --> <div> <p>1行のみのテキストに有用</p> </div> /* CSS */ div{ width: 200px; height: 100px; background: #DDDDFF; text-align: center; } p{ line-height: 100px; } →1行のみのテキストを中央揃えにするサンプル line-heightは行間のスペースを制御するプロパティです。なので、2行以上の文などには利用できません。1行だけの場合には簡単に実装できる有用な方法です
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー プログラミングに限らず，なにかを学んでモノにするには楽しく続けることが重要。学習を楽しく続けるためには，成果が見えるような仕組みをつくることがコツだと思う。 ゲームを作りながらプログラミングを学ぶ，という手法は，学習を楽しく続ける方法の一つとして使われることがある。プログラミングを学ぶ家庭で，成果物として実際に遊べるゲームができるので，目標を設定しやすいし，学習した成果も見えやすい。モチベーションを維持しながら，お勉強を続けてゆくことが出来る。 PythonにはPygameというゲーム作りに便利なライブラリがある。このPygameを使ってゲームを作る手助けとなるサンプルを見つけたので紹
自分用に備忘録。そろそろチートシート が出てくる頃じゃないかと思うので、そう 焦ることも無い情報だと思いますが、近々 使いそうなのでその時に面倒な事になら ないようによく使いそうなマークアップを リストとしてメモしておきます。 ちゃんとしたデモは本家で確認して下さい。ここにあるサンプルは僕のいい加減なサンプルです。尚、マークアップが見やすい様にするだけの為にコメントアウト入れていますが気にしないで下さい。 [note]追記 もう少し増やして見やすくしたものをダウンロード出来るようにしました。 [/note] プラグイン読み込み <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
16 26 08 2007 Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 jQuery, Samples, Ajax 海外のjQueryを使ったAjaxサンプル集に日本語の紹介文をつけた記事 Effects Ajaxエフェクト集 要素の出現・消滅など全62種類のAjaxエフェクトサンプル Test new animate function 要素のAjaxアニメーションジェネレーター Use new functions stop, stopAll and pause to clear queue and stop flickering Ajaxでディレイ(遅延)を設定できるツールチップを表示サンプル Draggables | Droppables Ajaxでドロップ＆ドラッグ出来るサンプル10種類 Sortables list
サンプル：この画面に遷移したのがサンプル。 コード： <a href="#move-anchor">同一ページ内移動</a> ポイント：ヘッダー部分に自動的に「(<)Back」ボタンが着きます。 ポイント：URLは、index.html#move-anchor のようになります。 ここに直アクセスした場合でもこのページが表示されます。 (jQTouchは常に#homeにリダイレクトされちゃってました。) 注意点：アニメーション指定をしなければ、パッと切り替わります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
