タグ

WEBに関するShoCohのブックマーク (250)

  • すべての書評ブロガーに捧ぐブックマークレット「MMHtml」公開! - matuダイアリー

    前回予告させていただいたブックマークレットですが、早速公開させていただきます。 URLが有効かどうか確認するためにアフィリエイトの申請などを行ってたのですが、思ったより時間がかかりました(;^ω^) このブックマークレットの目的はメディアマーカーによる読書管理からブログ記事執筆までの自然なフローを作ること。 メディアマーカーを使わなければいけないことは大きな制約かもしれません。でも、良いワークフローには制約がつきものだと思いますし、メディアマーカーはすごくいいサービスなのでこれを機にユーザになったとしても絶対に損をすることはないと思います。ということでそれに特化したブックマークレットを作ってみようと思った次第です。「MMHtml」と命名しました(^ω^) 1.MMHtmlの特徴 MMHtmlの特徴は以下の通りです。 メディアマーカーの自分のバインダーを軸にブログ紹介用のHTMLを生成 ヨメ

    すべての書評ブロガーに捧ぐブックマークレット「MMHtml」公開! - matuダイアリー
  • iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ&ドロップで開発する「Maqetta」、オープンソースで開発中

    iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ&ドロップで開発する「Maqetta」、オープンソースで開発中 Webアプリケーションの開発において、タブやボタンやスライダーなど、さまざまなコントロールを画面上にレイアウトしていくためには、これまでHTMLJavaScriptを組み合わせた面倒なコーディングが必要でした。 それを、ビジュアル開発ツールの画面上でドラッグ&ドロップで開発できるツール「Maqetta」がオープンソースとして開発されています。PCの画面だけではなく、iPadiPhoneAndroidなどの画面にも対応しています。 Maqettaはもともと米IBMが開発していたツールで、4月に非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈されました。 Maqetta自身もHTML5のWebアプリケーションとなって

    iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ&ドロップで開発する「Maqetta」、オープンソースで開発中
  • え!Photoshop?って見間違うほどのUIを備えたCSSジェネレーター -LayerStyles

    Photoshopのレイヤースタイルパネルを模したインターフェイスで、ドロップシャドウや角丸やグラデーションなどを生成できるCSSジェネレーターを紹介します。

    ShoCoh
    ShoCoh 2011/05/11
  • Creating Mobile Web Sites with Google App Engine - mobiForge

    By now most people have heard of Google's App Engine (GAE). In case you haven't, GAE lets you run your own web applications on Google's extensive network of servers meaning that you can scale your application as traffic demands, with no hardware headaches, no machine provisioning, no LAMP stacks, no Apache configurations. So far the buzz has been very positive — with some notable exceptions (Pytho

    Creating Mobile Web Sites with Google App Engine - mobiForge
  • 大規模 Web サービスでログインを長期間保持するには SESSION は使わず Cookie とデータベースだけで実装する | ウェブル

    先日ペコリンという Web サービスを公開したのですが、これが初めての WordPress との複合会員向けサービスだったためか、ログインが途中で切れたり、記事投稿時のリダイレクトがかかるタイミングなどで SESSION が切れてしまうことがありました。 しかし Twit Delay では長期的にログインが保持されていたり、mixi とかではログイン時間を指定できたりするので、なんとかできるものだろうと考えていたら Twitter で教えてもらいましたのでまとめておきます。 SESSION だけを使ったログインの保持では長期ログインは不可 私は今までログインの保持は以下のようにしていました。 1 2 3 4 5 <?php ini_set('session.gc_maxlifetime', 60*60*24); ini_set('session.gc_divisor', 10000); s

  • はてな記法ワープロ

    *はてな記法JavaScript はてな記法ワープロは JavaScript ならではの利点を生かしたダイナミックなワープロです。 試しに色々入力してみてください。即座に出力画面が反映されます((Windows 版 IE6 および Firefox 1.0 でのみ確認しています))。 はてな記法の変換は <a href="http://search.cpan.org/dist/Text-Hatena/">Text::Hatena</a> を JavaScript に移植した "text-hatena.js" を活用しています。 **変更履歴 |*2005/12/1|ソース機能追加 (HTMLソースを表示できます)| |*2005/11/21|はてな記法ワープロ完成| |*2005/11/13|text-hatena.js 移植開始|

  • 第1回 LinkedData勉強会 発表資料 - Linked Data | つながるデータ

    2011/01/22(土) に行った第1回LinkedData勉強会の発表資料とtogetterのまとめへのリンクです.(敬称略) 第1回LinkedData勉強会 (加藤 @fumi1) ReDeFer (清水 @chikoski) XLWrap (大澤 @Ohsaworks) 10分くらいでわかるGoogle RefineのRDF拡張 (ビデオ有り) (中尾 @32nm) ゲノムデータを用いたgoogle refineの活用 (藤澤 @tfuji) irONとStructWSFを用いたCSVデータのRDF化紹介 (嘉村 @kamura_t) rdfapi.js と js3.js (佐久間 @ykskm) Togetter: 第1回LinkedData勉強会

  • twihelp.me

    twihelp.me 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

  • AGLiveTweet

    これ何? 超!A&G+をニコニコ動画風に観ながらTwitterしたいということで開発しました。 という建前の元C#の勉強も兼ねて作ったものです。 副産物です クライアント名大募集中です。いい名前が思いついたら@arisaneに知らせてください TL取得機能はないので各自用意してください おすすめはn2witter n2witterについては後述。 用意するもの Twitterアカウント 実況を楽しむ気持ち AGLiveTweet Download 動作環境 .Net Framework3.5が入ってるWindowsなら大丈夫だと思います Windows7のx64とVistaのx86ではとりあえず動作しました。 使い方 AGLive.exeを起動します Twitterアカウントを登録(OAuth認証) 「PIN発行」のボタンを押すとWEBブラウザが開きます。 WEBでログイン

  • 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」:phpspot開発日誌

    JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、

  • 人間のために分かりやすい実用的なURLを設計する方法

    URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ

  • 独自ドメインで Tumblr を使う

    連続 Tumblr ネタで恐縮です。昨日書いたエントリーに思ってた以上の反響があったので調子乗って書きますよ。 Tumblr のマイページを自分の Blog っぽく対外的に見せる用途で使いたい場合、独自のドメインで運用したいっていう人もいるんじゃないかなと思いますが、Tumblr なら簡単にできるんですね。 そこで今回は独自ドメインで Tumblr を運用するための設定方法をご紹介します。 用意する物はこちら。 利用中のドメインサービスで DNS レコードが設定できる場合 Tumblr アカウント (当たり前ですが……) 独自ドメイン DNS レコードが設定できない場合 (上記 2つに加えて) DNS サーバ それでは順を追って説明していきます。 まずは Tumblr 側の設定から始めます。ダッシュボード右側のメニューやマイページ右上に表示されている 「Customize」 をクリックして

    独自ドメインで Tumblr を使う
  • GAE/J、アプリを独自ドメインで使う : CB NANASHI管理人ブログ

    2009年08月23日21:20 カテゴリGoogle App Engine GAE/J、アプリを独自ドメインで使う cbnanashi@GAEを独自ドメインのURLに割り当てました。新しいURLはhttp://www.cbnanashi.com/になります。よろしくお願い致します。 独自ドメイン割り当ての方法を簡単にまとめておきます(メモしておかなかったので大雑把です)。作業に当たっては次のページが参考になりました。 Google Apps の URL にアプリケーションを展開する - Google App Engine - Google Code Google App Engine: 独自ドメインでの利用 - にーやんのブログ 2 今回ドメインはVALUE DOMAINで取得しました。Google App Engineのアプリにはnaked domain(h ttp://cbnanas

  • Webサービスの名前をつける時のアイデアいろいろ

    2017年6月30日 Web関連記事 新しくWebサービスやアプリを作るとき、悩むポイントのひとつとなる「サービスの名前」。悩めば悩むほどよくわからない名前になってしまったり…。私ははっきり言って結構苦手です…が、しなきゃいけない時があるので、研究+ない頭振り絞って考えました。名づけのプロの方の助言なんぞあれば嬉しいですw ↑私が10年以上利用している会計ソフト! まず、Webサービスの名前を考えるにあたって、有名なWebサービスをあげてみました。Facebook、TwitterFlickr…。どれも短く、英語でいう「2音節」です。音節とは母音を中心としたまとまりで、音節が増えるほど長い単語になります(音節について詳しくはこちら)。2音節というのはサービス名としては短く、リズムカルに発音することができます。 それをふまえ、私の考えたWebサービスの名前を考える時のポイントを挙げてみます。

    Webサービスの名前をつける時のアイデアいろいろ
    ShoCoh
    ShoCoh 2011/04/12
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Create cool applications! | dev.twitter.com

    <g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2

    Create cool applications! | dev.twitter.com
  • Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳

    Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ(Webサイト)を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて

    Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
    ShoCoh
    ShoCoh 2011/03/30
  • Google Analyticsを導入したらやっておきたい簡単で便利な設定集 | ウェブ力学

    Google Analytics は無料ながらも非常に多機能なアクセス解析サービスです。ただ、多機能が故に使いこなせていないという面もあるでしょう。 何よりも設定が面倒なために、初期設定以外の機能を利用していないという人も多いのではないでしょうか? そこで今回は、Google Analytics で簡単に設定出来る上に便利な機能を4つ紹介します。どれも数分で設定出来るものばかりです。 1.自分のアクセスを除外する サイト開設時など、全体のアクセスが少ない状況においては、自分のアクセスがカウントされてしまうのが気になるという人も多いでしょう。まずは自分のアクセスを除外する方法を紹介します。 Google Analytics で自分のアクセスを除外する方法には大きく以下の3つがあります。 IPアドレスで除外する Cookieで除外する gif画像の読み込みを不許可設定にする これら3つの方法に

  • [JS]これFlashじゃないの?ってなるナビゲーションを実装するjQueryのチュートリアル

    軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML:背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D

  • [CSS]わずか12個のclass名で多彩なグリッドを組み立てるCSSのフレームワーク -StackLayout

    IE6をはじめ、iPhone, iPadにも対応した、可変レイアウトも固定レイアウトにも利用できる実用的で多彩なグリッドを組み立てるCSSのフレームワークを紹介します。 StackLayout デモページ:Basic Mockup [ad#ad-2] StackLayoutの主な特徴 StackLayoutの対応ブラウザ・デバイス StackLayoutで使用する12個のclass名 StackLayoutのデモ StackLayoutの使い方 StackLayoutの主な特徴 わずか12個のclass名で、コンポーネントを管理 class名は、簡単にセマンティックなものに変更可能 ネストの制限は無し floatのクリア無しで、エレメントを横列に簡単に並べることが可能 デフォルトは可変レイアウト用で、固定レイアウトにも対応 各カラムの溝の設定は簡単で、px, %の両方に対応 StackLa

    ShoCoh
    ShoCoh 2011/03/28