ちょっとしたメモを残すにはGistが便利です．一方で，Evernoteのような一覧表示があるともっと便利そうです． そこで，Evernote風のGistクライアント Gistnote を作っています． https://gistnote.github.io 最低限の機能を実装したのでいったん公開します．Gistのファイル名を変更するとか，まだまだ実装できていない機能があるので，今後も開発を進めていきます． アーキテクチャとか アプリはGitHub Pagesにデプロイしています．サーバサイドは使わず，クライアントサイドのJavaScriptからGitHub APIに直接アクセスしています．ただし，OAuth AuthorizationだけはClient Secretを扱う必要があるのでサーバサイド（App Engine/Groovy）を経由させています． 基本的な構造は以下のような感じです．
Nuwk! Mac App Builder A very (very) simple Mac App to build HTML5 & Js node powered Mac Apps At the moment Nuwk! is very alpha. The code is written poorly (Unfortunately I have very little free time), however I believe it can be an interesting tool for those who have just begun to develop on node-webkit. So if you're going to use it in production do so at your own risk. Nuwk! makes it easy to crea
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションはブラウザさえあればどの環境でも動かせる便利な仕組みですが、大きな欠点としてはネットワークがないといけないというのがあります。オフラインでも対応しようと思うとダウンロードと設定がとても面倒です。 その点、バイナリの実行ファイルはダウンロードしてすぐに実行できます。同じような仕組みをWebアプリケーションでも可能にするのがHTML5-Packerです。 HTML5-Packerのインストール まずはインストールします。npmでインストールできます。 $ npm install html5-packer --save-dev これで準備は完了です。 HTML5-Packerの使い方 ローカルにあるWebアプリケーションをパッキングします。この時、gruntと組み合
I started building iPhoneception merely as a test to see if I could mimic the iPhone interface with HTML, Javascript, and CSS. I was delighted to accomplish it in a very short period, and then the idea was just too obvious to do some wacky things to the buttons. Thus, iPhoneception was born! All of the code is completely original, aside from jQuery (duh), and with the exception of the gravity vers
Organize Your Code Gists are like long-term memory for the professional software developer. Use GistBox's color-coded labels to curate your personal gist library. Collaborate With Team Share your knowledge with the rest of the team. GistBox Groups are the perfect way to build a social library of useful code snippets.
Update: Tumblr for iOS is now completely native. After updating the Tumblr application for iOS (and coming across Peter Vidani’s Dribbble shot), I decided to take a stab at seeing how it worked. I ended up using both Crunch (for resource files) and Charles (for network traffic). There’s no real voodoo involved to see how things fit together — most of what I did is covered in this NSScreencast epis
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、ピグディビジョンでフロントエンドのプログラムを書いています。maginemu (@maginemu) です。 どこでもピグライフとは弊社の提供しておりますPC向けソーシャルゲーム「ピグライフ」をスマートフォン向けに移植したサービスです。『ピグライフのお庭をスマートフォンでも』を目標に移植を行いました。 (「どこでもピグライフ」はPCで「ピグライフ」を開始し、「いちごジュースを作ってみて！」というクエストをクリアするとお使い頂けるようになります) PC版ピグライフはFlashでつくられていますが、どこでもピグライフはHTML5/CSS3/J
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんばんは。アメーバ事業本部ピグディビジョン所属の久保です。 今回は6月5日にリリースいたしましたスマートフォンで遊べる「スマートフォン版ピグつりゲーム」(http://fishing.pigg.ameba.jp)の開発の一端をご紹介させていただきます。 スマートフォン版ピグつりゲームとは スマートフォン版ピグつりゲームとは、PC版アメーバピグの中で遊べるつりゲームをスマートフォンでも気軽に楽しんでもらえるように制作したブラウザゲームです。PC版はFLASHで動作しますが、スマートフォン版ではiPhoneの対応を考慮に入れてHTML/CSS/Java
About This CSS PhotoEditor is a test site for new features that will be installed in iOS6. This site has actually tried CSS Filters and Input[type="file"]. IF you want to learn more, you may read my blog entry. WebApp Mode by Force When you turn on this mode, you can switch to forcibly WebApp mode. This switch is not only appear at the time of the Overview mode. Force WebApp ModeOFF Features and H
最近では、Googleスプレッドシートを使っている人も多いと思う。Googleスプレッドシートは、オンライン上で簡単に共有でき、同時編集も可能である。これだけで十分に役立つのだが、実は、ほとんどの人はスプレッドシートの本当の可能性に気づいていない。 あまり知られていないが、Apps Scriptという仕組みが提供されておりスプレッドシートのデータを書き換えたり、チャットツールと連携するなどの様々な処理が可能だ。うまく使うことで業務効率を大きく改善できる。 ここでは、サンプルとしてスプレッドシートを使って、簡単な社内向けタスク管理ツールを作ってみよう。 今回作るもの シンプルなタスク管理用のシートだ。小さなプロジェクトであれば、このようなシンプルなもので管理することも多いだろう。 機能としては、次の2つを実装してみよう。 ステータスの変更時(タスクが割り当てられたり、開始したり、完了)に、チ
iOSのWebアプリ(Webクリップ)でのスタートアップ画面、いわゆるスプラッシュの表示を実際に試してみました。 前にブログに書いたように、 Appleの仕様「Specifying a Startup Image」でも ・apple-touch-startup-image をlink要素で指定。 ・サイズは幅320px高さ460pxとすること。 というふうになっています。 用意する画像は標準画面サイズより縦方向が20px小さいサイズで、これは時刻などが表示されるステータスバーを差し引いたものですね。 で、この画像サイズは厳密なものなのか気になったので実際に試してみました。 １．まず仕様通りのサイズ <link rel="apple-touch-startup-image" href="320x460.png"/> １秒くらいですがちゃんと表示されました。 ２．iPhone4以降の解像度(6
Posted on Wednesday, August 31, 2011 @ 10:28 CET When creating web apps that are targeting iOS devices Apple provides a few hooks to allow things such as custom home-screen icons and splash screens for when people add them to their home screen. For icons you simply add the following to the <head> tag: <link rel="apple-touch-icon" href="icon.png" /> If you want an icon without the default gloss you
The Best Fluffy Pancakes recipe you will fall in love with. Full of tips and tricks to help you make the best pancakes.
このiOSアプリ＊サービスに学ぶ! App Storeだけじゃ物足りない? それならWebアプリストア『Zeewe』のご利用を! 中津川篤司 2011/09/28 『このiOSアプリ＊サービスに学ぶ!』は、オープンソース情報ブログ「MOONGIFT」管理人の視点から捉えたiOSアプリや周辺サービスから、ユニークなもの、興味深いものをピックアップし、そのポイントを解説していきます。iOS(iPhone/ iPad/ iPod touch)デバイスの利用者、その環境向けのアプリやサービスを開発している方はぜひお読みください! iOSでゲームやユーティリティ、ソーシャルサービスを楽しもうと思ったら2つの方法がある。ひとつはネイティブアプリをインストールすることで、これはApp Storeからのダウンロードしかない。もうひとつはMobile Safariを使ってWebサイトのゲームやサービスを利用
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
iOS 4.2が出て3か月ほど経過しました。iOS 4.2ではJavaScriptで加速度センサーを扱えるなど便利になった反面、以前に比べて不便になった面もあります。1つが、内蔵データベースであるSQLiteです。HTML5の仕様からWeb SQL Databaseが廃止されたためでしょうか、iOS 4.2ではJavaScriptからSQLiteへのアクセスができなくなりました。そのため、本連載の第2回で作成した、SQLiteを使ったGPSレコーダーは動作しなくなっています。
ถ้าไม่มีอะไรอย่างอื่น สล็อต ต้องขอบคุณ Naraka Bladepoint ที่เป็นหนึ่งในไม่กี่ชื่อ Battle Royale ที่การถูกยิงโดยใครบางคนที่ สล็อต...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
