[B! webapp] yhmtのブックマーク

Evernote風のGistクライアント Gistnote を作ってる - GeekFactory

ちょっとしたメモを残すにはGistが便利です．一方で，Evernoteのような一覧表示があるともっと便利そうです．そこで，Evernote風のGistクライアント Gistnote を作っています． https://gistnote.github.io 最低限の機能を実装したのでいったん公開します．Gistのファイル名を変更するとか，まだまだ実装できていない機能があるので，今後も開発を進めていきます．アーキテクチャとかアプリはGitHub Pagesにデプロイしています．サーバサイドは使わず，クライアントサイドのJavaScriptからGitHub APIに直接アクセスしています．ただし，OAuth AuthorizationだけはClient Secretを扱う必要があるのでサーバサイド（App Engine/Groovy）を経由させています．基本的な構造は以下のような感じです．

yhmt 2015/01/21

https://gistnote.github.io

リンク

DeNA Engineering - DeNAエンジニアのポータルサイト

技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。

yhmt 2014/07/12

リンク

Nuwk! Simple Mac App Builder based on node-webkit

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

yhmt 2014/05/13

リンク

HTML5-Packer – HTML5アプリケーションを1ファイルにパッキング

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションはブラウザさえあればどの環境でも動かせる便利な仕組みですが、大きな欠点としてはネットワークがないといけないというのがあります。オフラインでも対応しようと思うとダウンロードと設定がとても面倒です。その点、バイナリの実行ファイルはダウンロードしてすぐに実行できます。同じような仕組みをWebアプリケーションでも可能にするのがHTML5-Packerです。 HTML5-Packerのインストールまずはインストールします。npmでインストールできます。 $ npm install html5-packer --save-dev これで準備は完了です。 HTML5-Packerの使い方ローカルにあるWebアプリケーションをパッキングします。この時、gruntと組み合

yhmt 2014/03/26

html5
webapp

リンク

iPhoneception

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

yhmt 2013/08/03

webapp
ios

リンク

GistBox - The Beautiful Way to Organize Code Snippets

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.

yhmt 2013/06/06

リンク

Seneste nyt

DIN INFO IP Adresse ( IPv4 eller IPv6) 133.242.243.6 Port: 60468 Hostnavn: 133.242.243.6 X-Forward IP Adresse(r): Browser (UserAgent): HatenaBookmark/4.0 (Hatena::Bookmark; Analyzer) Forespørgsels Timestamp (Unix tid): 1707241980 Forespørgsels Tidspunkt: 06.02.2024 09:53:00 Leveret af: whatsmyip.dk

yhmt 2012/12/31

ios
webapp

リンク

Tumblr for iOS

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

yhmt 2012/09/21

リンク

『リッチスマートフォンWebアプリのメモリ管理』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。こんにちは、ピグディビジョンでフロントエンドのプログラムを書いています。maginemu (@maginemu) です。どこでもピグライフとは弊社の提供しておりますPC向けソーシャルゲーム「ピグライフ」をスマートフォン向けに移植したサービスです。『ピグライフのお庭をスマートフォンでも』を目標に移植を行いました。 (「どこでもピグライフ」はPCで「ピグライフ」を開始し、「いちごジュースを作ってみて！」というクエストをクリアするとお使い頂けるようになります) PC版ピグライフはFlashでつくられていますが、どこでもピグライフはHTML5/CSS3/J

yhmt 2012/08/22

リンク

『スマートフォン向けブラウザゲームの開発について』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。こんばんは。アメーバ事業本部ピグディビジョン所属の久保です。今回は6月5日にリリースいたしましたスマートフォンで遊べる「スマートフォン版ピグつりゲーム」(http://fishing.pigg.ameba.jp)の開発の一端をご紹介させていただきます。スマートフォン版ピグつりゲームとはスマートフォン版ピグつりゲームとは、PC版アメーバピグの中で遊べるつりゲームをスマートフォンでも気軽に楽しんでもらえるように制作したブラウザゲームです。PC版はFLASHで動作しますが、スマートフォン版ではiPhoneの対応を考慮に入れてHTML/CSS/Java

yhmt 2012/08/02

リンク

CSS PhotoEditor - kudakurage

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

yhmt 2012/07/27

webapp
css

リンク

Googleスプレッドシートをハック！Apps Scriptを使ったToDoリストの実装デザイン会社ビートラックス: ブログ

最近では、Googleスプレッドシートを使っている人も多いと思う。Googleスプレッドシートは、オンライン上で簡単に共有でき、同時編集も可能である。これだけで十分に役立つのだが、実は、ほとんどの人はスプレッドシートの本当の可能性に気づいていない。あまり知られていないが、Apps Scriptという仕組みが提供されておりスプレッドシートのデータを書き換えたり、チャットツールと連携するなどの様々な処理が可能だ。うまく使うことで業務効率を大きく改善できる。ここでは、サンプルとしてスプレッドシートを使って、簡単な社内向けタスク管理ツールを作ってみよう。今回作るものシンプルなタスク管理用のシートだ。小さなプロジェクトであれば、このようなシンプルなもので管理することも多いだろう。機能としては、次の2つを実装してみよう。ステータスの変更時(タスクが割り当てられたり、開始したり、完了)に、チ

yhmt 2012/07/25

webapp

リンク

Matsumoto.JS - iOS Webクリップでのスタートアップ画面

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

yhmt 2012/06/09

リンク

//paulofierro.com - Icons and splash screens for iOS web apps - retina displays also welcome

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

yhmt 2012/01/11

リンク

9397澳门威利斯-威尼斯官网

9397澳门威利斯是包含了新葡京、威尼斯人、金沙、BBIN电子、MG真人视讯、BET365等多个官方平台，游戏、体育、娱乐的第一首选，点击进入最新的游戏平台网址:www.813net,www.55402com,www.2018com,www.js9905com,为什么有的玩家能够在游戏中长赢吗？是因为他们知道了威尼斯官网技巧,9397澳门威利斯旗下拥有超千万的注册资金。

yhmt 2011/11/14

リンク

App Storeだけじゃ物足りない? それならWebアプリストア『Zeewe』のご利用を! | iPad | iPad iPhone Wire

このiOSアプリ＊サービスに学ぶ! App Storeだけじゃ物足りない? それならWebアプリストア『Zeewe』のご利用を! 中津川篤司 2011/09/28 『このiOSアプリ＊サービスに学ぶ!』は、オープンソース情報ブログ「MOONGIFT」管理人の視点から捉えたiOSアプリや周辺サービスから、ユニークなもの、興味深いものをピックアップし、そのポイントを解説していきます。iOS(iPhone/ iPad/ iPod touch)デバイスの利用者、その環境向けのアプリやサービスを開発している方はぜひお読みください! iOSでゲームやユーティリティ、ソーシャルサービスを楽しもうと思ったら2つの方法がある。ひとつはネイティブアプリをインストールすることで、これはApp Storeからのダウンロードしかない。もうひとつはMobile Safariを使ってWebサイトのゲームやサービスを利用

yhmt 2011/09/28

リンク

『HTML5 Web Applicationのつくりかた』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。サイバーエージェントでフロントエンドの開発をしております原(@herablog) です。スマートフォン版アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり

yhmt 2011/09/08

リンク

iOS 4.2×localStorageで作るGPSレコーダー (1/5)

iOS 4.2が出て3か月ほど経過しました。iOS 4.2ではJavaScriptで加速度センサーを扱えるなど便利になった反面、以前に比べて不便になった面もあります。1つが、内蔵データベースであるSQLiteです。HTML5の仕様からWeb SQL Databaseが廃止されたためでしょうか、iOS 4.2ではJavaScriptからSQLiteへのアクセスができなくなりました。そのため、本連載の第2回で作成した、SQLiteを使ったGPSレコーダーは動作しなくなっています。