タグ

web開発に関するmuamqmのブックマーク (29)

  • Web開発が捗るFirebase入門!JavaScriptで「Webユーザー認証」機能を超お手軽に作るチュートリアル大公開! - paiza times

     どうも、まさとらん(@0310lan)です。 今回は、Webサービスなどを開発する際に、ユーザーの管理や識別などで必要になる「ユーザー認証」機能を、できるだけシンプルに作ってみたいと思います。 利用するのは、さまざまなバックエンド機能を提供するGoogleの【 Firebase 】です! 非常に多機能なサービスですが扱いはとてもシンプルで、簡単なコードを覚えてしまえば誰でも活用できるはずです! 自分でサーバーを用意する必要もなく、基的な機能は無料で使えるので今すぐ始められるのも特徴と言えるでしょう。 ■始め方! 今回は、「メールアドレス」と「パスワード」でログインする一般的な「ユーザー認証」ページの作成に挑戦してみましょう! そこで、まずはFirebaseにアクセスして新規にプロジェクトを作成します。 好きな「➀プロジェクト名」と、自分の「➁国名」を指定します。 すると、プロジェクト

    Web開発が捗るFirebase入門!JavaScriptで「Webユーザー認証」機能を超お手軽に作るチュートリアル大公開! - paiza times
  • utf8_unicode_ci に対する日本の開発者の見解 - かみぽわーる

    RailsMySQLのcollationをサーバー側のデフォルトのutf8_general_ciからutf8_unicode_ciにわざわざ変えてるのどうせ大した理由じゃないだろと思って掘ってみたらやっぱり大した理由じゃなかった… https://t.co/6NeetGhTF0— Ryuta Kamizono (@kamipo) April 18, 2014 Railsでcollationとしてutf8_unicode_ci(RailsのDEFAULT_COLLATION)が採用されるのはcharsetが未指定もしくはutf8(RailsのDEFAULT_CHARSET)のときだけで、utf8mb4にすることとかは全く考慮されてない。— Ryuta Kamizono (@kamipo) April 19, 2014 @frsyuki MySQLのcharset utf8のときのデフォルト

    utf8_unicode_ci に対する日本の開発者の見解 - かみぽわーる
    muamqm
    muamqm 2015/03/08
    きつい
  • MicrosoftらがJavaScriptコードの自動テストサービス「BrowserSwarm」を公開 | OSDN Magazine

    Microsoftは9月26日、JavaScriptコード向けの互換性テストツール「BrowserSwarm」ベータ版を公開した。クラウド型のサービスで、JavaScriptコードのWebブラウザおよび端末互換性検証が行える。 BrowserSwarmは、MicrosoftのInternet Explorler(IE)チームが米AppendToおよびSause Labsと協業して作成した、JavaScriptフレームワークやライブラリのWebブラウザ互換検証を行うオープンソースプロジェクト。Web開発者の検証作業を軽減することを目的としている。AppendToはjQueryのトレーニングや支援を行う企業で、Sauce Labsはクラウドベースのクロスブラウザテストを提供する。 BrowserSwarmではGitHub上のコードレポジトリと連携し、リポジトリを更新するとユニットテストフレー

    MicrosoftらがJavaScriptコードの自動テストサービス「BrowserSwarm」を公開 | OSDN Magazine
  • これだけは知っておきたいOGP (Open Graph Protocol) | NEX.FM

    Life is too short to worry about laundryOGP (Open Graph Protocol)。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね!ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね!された時に、 「○○さんがリンクについていいね!と言っています」 とウォール上に投稿されることになるが、これはOG

  • neue cc - C#の強み、或いは何故PHPから乗り換えるのか

    特にPHPディスりたいわけでは、あるのかないのかはともかく、やっぱり実際に使ってきて良いところというのも分からなくもない感じです。会場でも話したのは、短期的な開発速度には有利なのは間違いないのかな、と。デプロイとかも、とりあえずポン置きでいいし、開発も、なんかもう複雑なことやると面倒だし、どうせ文字列だらけになるしで、開き直ってハードコーディングでバカバカ作っていくから速い、とか。ただし勿論あとで苦労するわけですがそれはそれとして。けれどやっぱC#良いよね、って。 言語も色々なトレードオフで成り立つわけですが、その中でもC#は、バランス良くて好きだなーというのが私の個人的なところです。Visual Studio良いよねー、でもいいですしLINQ良いよねー、もいいですし、IntelliSenseがないと生きていけないですし。うん、そう、IntelliSense指向言語が好きなわけです。 ほと

    muamqm
    muamqm 2013/06/15
    C#は良いですよね〜
  • ももクロスライダーで測る Redis vs MongoDB on Heroku 第二弾 - from scratch

    今日はみどりの日らしく、ももクロスライダーも緑の話が活発です。 さてさて、前回に続いてRedisの話です。 危険なほど速いと言われていますが、実際の実力はどうなのか気になるところです。 確かに他の参考記事を見ると、かなり高速なようです。 redis、それは危険なほどのスピード|サイバーエージェント 公式エンジニアブログ FreeBSDで,mongoDB V.S. Redis - なぜか数学者にはワイン好きが多い じゃーって事で、RedisとMongoDBをベンチマーク比較してみました。 結論から言うと、Redisはやっぱり鬼のように速いです。 ベンチ方法 RedisとMongoにtwitpicから取得してきた ももクロの画像に関するデータを入れておき、それを取り出す処理がどちらが早いかだけを計測しています。更新系の操作も高速なようですが、ももクロスライダーは今は更新系の操作がないので、これ

    ももクロスライダーで測る Redis vs MongoDB on Heroku 第二弾 - from scratch
  • ド素人が完全自作SNSを二週間運営してみてわかったこと(後始末編、技術編、モチベーション編)

    ド素人が完全自作SNSを作ってみてわかったこと。 http://anond.hatelabo.jp/20130104184115 の元増田です。 ひっそりと公開したはずのtag-chat.net(http://tag-chat.net)ですが、 まさか、こんなに反響を頂けるとは思っていなかったので、びっくりしました。 素人のフリをしているとか、出版社のステマだとか色々言われましたが、嘘は一切書いてないです。 ステマというか、ウェブサービス公開後の状況を知っている方からするとマイナスのステマにしかなっていないような気がします…。 公開してから、色々と発見というか気づきがあったので、それを共有できれば幸いです。あと、tag-chat.netの中身についてなど。 ~増田記事を公開してから今までの経過~ ・意気揚々と自作SNSを公開したものの、アクセスが全くこなくて途方にくれる。 ⇓ ・以前、完全

    ド素人が完全自作SNSを二週間運営してみてわかったこと(後始末編、技術編、モチベーション編)
  • JavaScriptでWebアプリを開発できる「Node.js」活用入門 | OSDN Magazine

    昨今注目を集めているWebアプリケーションプラットフォームの1つに、「Node.js」 がある。Node.jsはJavaScriptでWebアプリケーションのサーバーサイドプログラムを実装できる技術で、高いスケーラビリティが特徴だ。記事ではNode.jsの基的な知識やフレームワーク「express」を用いたWebアプリケーション作成方法を紹介する。また、Webブラウザ上で動作するIDE「Cloud9 IDE」を用いてNode.jsアプリケーションをWindows Azureで実行させる方法についても解説する。 JavaScript、そして非同期・シングルスレッドで注目を浴びるNode.js Node.jsはJavaScriptでWebアプリケーションのサーバーサイドプログラムを実装できる技術で、開発プロジェクトのスタートは2009年と、比較的その歴史は浅い。しかし、ここ数年でプロジェク

    JavaScriptでWebアプリを開発できる「Node.js」活用入門 | OSDN Magazine
  • JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ! | Ginpen.com

    これ行ってきました。 Web先端技術味見部#4 (仮テーマはJSX!) : ATND JSXなにそれ JavaScriptっぽい新言語。日DeNAが発表。 JavaScript風の記述 って言ってたけどそうでもないと思った。ActionScriptに近い? 静的型付け →高速 クラスベース →高速 JavaScriptに変換しても →高速 玄人が書いたJavaScript並 クライアントサイドでもサーバーサイドでも動く というかJavaScriptが動く環境なら動く JavaScriptを置き換えるのが目標 リンク DeNA開発、高速なJavascriptコードを生成できる新言語「jsx」への反応まとめ – Togetter JSX – a faster, safer, easier alternative to JavaScript 公式サイト JSX – Statically-typ

    JavaScriptみたいな最近噂の新言語、JSXのお話を聞いてきたよ! | Ginpen.com
  • 首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察

    首相官邸の公式ホームページが2012年4月2日、リニューアルされた。 これが「お金をかけすぎている」とインターネット上で批判の嵐となっている。増税や公務員削減などが実施されようとしている中、無駄使いではないかという声が多くあがっているのだ。 首相官邸HP、リニューアルに4500万円 ネットで怒りの声 「もっと安くできる」 – J-CASTニュース この記事ですが、ネット上での「高い」という声は一般消費者感覚としては理解出来ますが、Web業界で働く私の周囲のリアルな同業者からも、ネット上の一般の方と同じように「高い」「騙されてる」「金のムダ使い」というような意見が出まして、ちょっと違和感を覚えました。 また一方で、同業の方でも実際このクラスの規模の案件を受託しているような受託業者さん界隈からは「これくらいはかかる」「この金額以下だと受けられない」という声も聞かれました。 私は後者の声に同感で

    首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察
  • Web開発を簡単に! マイクロソフトが無償ツール「WebMatrix」提供開始 | エンタープライズ | マイコミジャーナル

    Site、Files、Databases、Reportsの4つのワークスペースを切り替えるシンプルなインターフェイス 米Microsoftは1月13日(現地時間)、Web開発ツール「WebMatrix」の提供を開始した。Webサイトの構築、管理、公開まで、あらゆる開発作業に必要な機能を兼ね備えたシンプルな無償ツールだ。Webサイトを気軽にすばやく開発できる効率的な環境であり、また入門者に適したツールでもある。 WebMatrixは、プログラミングフレームワーク、Webサーバー、データベースが1つの統合型エクスペリエンスにまとめられているのが大きな特長。Web開発の基的な作業をこなすために複数のツールを使い分ける必要はなく、デスクトップ上で開発環境から実稼働環境へシームレスに移行できる。 手軽にWebサイト構築を進められるようにテンプレートと、DotNetNuke、Umbraco、Word

  • [速報]mixiが障害の経緯を発表。原因はお盆のアクセス急増ではなく、memcachedの異常終了

    8月10日の17時20分頃から12日未明までの長時間にわたり、サービスが利用不能もしくは利用しにくい状況になっていた「mixi」。数度の断続的な復旧ののちに、日12日午前1時50分頃には復旧が完了し、現時点で全面的に復旧しているようです。 その障害の経緯について株式会社ミクシィの広報からプレスリリース「『mixi』のアクセス障害のお詫び及び復旧に関するお知らせ」として発表されました。 原因はアクセスの急増ではなかった プレスリリースの中で、今回の障害の原因は以下のように説明されています。 『mixi』のデータベースへの負荷軽減のために導入しているデータキャッシュシステムが複数同時に異常終了したことに伴い、データベースへの負荷が急増したため『mixi』を閲覧しづらい状態となりました。 高負荷かつ特殊な状態でのみデータキャッシュシステムの異常終了が発生していたため、根的な原因の究明に時間が

    [速報]mixiが障害の経緯を発表。原因はお盆のアクセス急増ではなく、memcachedの異常終了
  • 高学歴、がんばり屋はWEBクリエーターになろうとすんな

    http://takahashifumiki.com/others/480/ WEBクリエーターって無能なスイーツ(笑)でも まぁまぁまともな生活ができる楽園なんだからさー。 アンタのような頑張り屋さんで能力が高い人が わんさか来ちゃうと、居場所なくなってしまうでしょ。 しーえすえすないと見ればわかるでしょ? 俺らがスイーツ(笑)だって。 HTML/xHTML俺達WEBクリエーターのメインとなる道具。 これを知らなきゃ始まらない。 当然一度くらい仕様書読んでるよね? 「・・・」 CSSはっくクソプログラマがわけわかんねぇ実装するから 俺たちはこんな苦労してんだ。 あー忙しい忙しい。 うんそうだね。でもあと5年もすれば そんな知識ほとんど必要なくなるけど ほかに何ができんの? 「・・・」 WEBデザインやっぱ俺たちが作ったサイトはキレイでオシャレだよな。 見てみろよこのきらきら感。 どのサイ

    高学歴、がんばり屋はWEBクリエーターになろうとすんな
  • http://www.cpa-lab.com/tech2/inflects/

  • Amazon Product Advertising API への対応(PHP版) - もやし日記

    AmazonアフィリエイトAPI の名前がまた変わりました(今回で3回目?)。名前が変わるだけならそれほどの問題ではないのですが、過去の API を利用している全サイトに影響があるので注意が必要です。重要な変更内容: 2009年8月15日以降、全てのリクエストに対して Secret Access Key を使った署名認証が必要になる そのため、これまでの Amazon Associates Web Service 4.0(旧 Amazon ECS 4.0)リクエストは全て無効になる 参考:http://developer.amazonwebservices.com/connect/ann.jspa?annID=442 Secret Access Key の取得今までの Amazon Associates Web Service 4.0 は Access Key ID のみで利用でき

  • PHPでTwitterのBotを作ってみる - yuyarinの日記

    Twitterで自分のタイムラインに表示されたメッセージにキーワードを見つけたら、何か反応を投稿するボットを作ってみる。 仕様 /homeと/repliesからメッセージを1ページ取得する。 メッセージにキーワードがあれば対応するメッセージを投稿する。 repliesを優先してレスする。 実装 PEAR::HTTP_Clientを使う。コードは結構な量になってるので、要所だけ書く。 class TwitterBotとして実装。 require_once "HTTP/Client.php"; タイムラインの取得 Twitterはベーシック認証のみを正式サポートしているのでPEAR::HTTP_Clientでベーシック認証を行う。 $basic = array('Authorization'=>'Basic '.base64_encode($this->username.':'.$this->

    PHPでTwitterのBotを作ってみる - yuyarinの日記
  • AJAXでPHP Webサービスを利用する

    はじめに 稿では、NuSOAPライブラリを使用してPHP Webサービスを構築する方法と、AJAX技術およびSOAPプロトコルを使用してPHP Webサービスを利用するJavaScriptクライアントを構築する方法を中心に説明します。まずは、Webサービスの用語について少し説明しましょう。 SOAPおよびWebサービスに関する概略 SOAP(Simple Object Access Protocol)は、XMLベースの要求/応答メッセージングプロトコルです。SOAPの重要な特徴は、特定のトランスポートプロトコルに依存せず(最も頻繁に使用されるのはHTTPですが、SMTP、MIMEなども使用できます)、特定のオペレーティングシステムやプログラミング言語にも依存しないという点です。そのため、さまざまなソフトウェアアーキテクチャ上で高い柔軟性を発揮するだけではなく、非常に使いやすくなっています

    AJAXでPHP Webサービスを利用する
  • Wordpressでサイトマップを作成する

    Wordpressでサイトマップを作成する Google Sitemap Generator 3 Betaを使えばWordpressで簡単にサイトマップを作成できます。 サイトマップとは サイトマップを使うと、サイト内のクロールされるページを検索エンジンに簡単に知らせることができます。サイトマップは、最終アップロード日、通常の更新頻度、サイト内の他の URL との相対的な URL 優先度など、各 URL の詳細メタデータのほか、サイトの URL がリストされている簡単な形式の XML ファイルであるため、検索エンジンでより正確にサイトをクロールできます。 サイトマップ 0.90 はアトリビューション シェアアライク クリエイティブ コモンズ ライセンスの利用条件のもとで提供されており、GoogleYahoo!Microsoft を含む企業で幅広くサポートされます。 インストール Goo

    Wordpressでサイトマップを作成する
  • 「他人の情報を表示するサイト」は対岸の火事ではない

    「WWWサイトにアクセスして自分の個人情報を表示・更新しようとすると,画面に他人の情報が表示される」という現象が発生していたことが,2002年9月末から10月にかけて相次いで公表された。今年になって多発したWWWサイト上の個人情報ファイルが閲覧可能になっていた,といった情報漏えいとは違うタイプの事故である。 アンチウイルス・ソフト大手のトレンドマイクロでは「会員契約更新サイト」で,「直前にログインしていたユーザーの情報」が表示されるという現象が発生した。同社には,9月3日から9月4日にかけて,上記のような現象に遭遇したというメールが,10人のユーザーから送られてきた。この現象は,「想定以上のアクセスにより暗号化の処理が間に合わず,直前にログインされていた方の情報が,まれに次のお客様の画面に誤って表示された」(同社 広報部)という。 10月10日には,リクルートが「イサイズじゃらん宿予約サー

    「他人の情報を表示するサイト」は対岸の火事ではない
  • 第1回 ASP.NET MVCフレームワーク 基本のキ

    従来とはまったく異なる手法でASP.NET Webアプリを構築するASP.NET MVCとはいかなるものか? 新しいフレームワークを基礎から学ぶ。 連載目次 いまさら声を大にしていうまでもなく、ASP.NET技術はWebアプリケーション構築のための優れた、また、魅力あるアーキテクチャだ。開発生産性、管理性、拡張性などなど、ASP.NETの魅力を表すキーワードについては、すでに多くの記事によって語り尽くされているところでもあり、稿であえて繰り返すまでもない。詳細については、連載「プログラミングASP.NET」や「Visual Studio 2005でいってみようDBプログラミング」などを併読していただくとよいだろう。 もっとも、そんなASP.NETにも問題がないわけではない。 1つに、単体テストの実施が容易でないという点。諸兄もご存じのように、Webフォームは基的にページ(Pageオブジ

    第1回 ASP.NET MVCフレームワーク 基本のキ