Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? まだサーバーで消耗してるの？Firebase（サーバーレス）とNuxt.js（Vue系）ならWebアプリ運営は最強でしょ！？ この記事は、 サーバー費用をなるべくかけたくないけどショボいのはNO Firebaseの活用法をあまり理解していない Nuxt/Vueを使ってアプリ作ってみたい（Next/Reactと悩んでたり） アプリ構想はあるけどアイデアの落とし込みスピードが遅くて毎回挫折する という人向けに、「こんな感じで構築すれば効率良く開発できそうよ」というのを、勉強になった記事や技術的トピック・躓いた点なども合わせて紹介させていただ
昨今のWebサイトでは、アクセス解析を行うのが一般的になっています。ユーザの行動を分析してWebサイトを改善したり、流入元になる広告の予算配分を変えたりすることを目的としています。 スマートフォンアプリについても同様に、利用分析が重要です。いくつかの分析サービスがありますが、今回はWebサイトのアクセス解析の定番となっているGoogle AnalyticsのCordovaプラグイン版「google-analytics-plugin」を紹介します。 google-analytics-pluginのインストール google-analytics-pluginはMonaca IDEのCordovaプラグインの管理からインストールできます。パッケージ名としてgoogle-analytics-pluginを入力してください。 Google Analyticsでプロパティ作成 Google Analy
ブックマークレットとは？ ブックマークレットとは、一言で言えばブラウザにWebサイトへのリンクではなく“機能”をブックマークしておくもの」です。ブラウザに登録するところまでは一緒なのですが、そのブックマークレットをクリックすることで様々な機能を使えるようになります。 「拡張機能やアドオン使えばいーじゃん！」という考えもあるのですが、拡張機能やアドオンは結構PCのメモリを消費してしまうのですよね…。なので、ちょっとしたことをするならばブックマークレットを使ったほうがPCのメモリの節約になるのでオススメです！ サイト運用・分析に使えるブックマークレット あらゆるSNSでの反響がすぐに分かる！「ソーシャルてんこ盛り」 まずは私が１番お世話になっているブックマークレットである「ソーシャルてんこ盛り」。これ1つで気になるページのSNSでの反響をいっぺんに知ることができます！また、このブックマークレッ
以前書いた100で割ってみる集客数の見積りにつづいて、SEO効果は順位ではなく集客数という記事を書きましたが、今回はさらにGoogle Analyticsを深く見ます。 まずはアクセス解析の数値の種類からです。 用語の意味とカウントの違い ページビュー（表示回数） Webサイト内のページが表示された回数です。Analyticsのタグが書かれているページをカウントします。 セッション（訪問回数） Webサイトへ訪問されると、まずは「1」です。その後、訪問者が他のサイトへ行ったりブラウザを閉じて、30分以上たつとセッションが切れるので、次に来られたときは更に「1」となり合計「2」になります。30分以内に戻るとセッションは継続するので最初の「1」だけです。 ユニークユーザー（訪問人数） Analyticsで設定した集計期間内のビジター数をカウントしています。その期間内に何回訪問されても、そのヒト
携帯電話は非常に特殊な世界 ここ最近、携帯電話向けのサービスが注目されています。などと書くと、「何をいまさら」と思う方もいるかもしれません。携帯電話からインターネットにアクセスできるようになったのは、それほど最近のことではないからです。そして、携帯向けのWebサイトも、結構前から存在しています。にもかかわらず、携帯電話向けのサイトの話題がよくニュースになるのは、それだけ携帯が普及してきたことや、携帯電話の機能が向上してきたこともありますが、それに加えて「モバゲータウン」のような、急成長したサービスが登場したことや、auがGoogleと手を組んだり、Softbankの携帯電話では標準の画面にYahoo!の検索窓がついていたりと、パソコン向けだった検索エンジンが携帯からも使えるようになったことで、携帯キャリアの公式のメニューに載っていないサイトでも、アクセスを集めることができるチャンスが生まれ
無料で使える練習用脆弱Webアプリケーション（やられWebアプリケーション？）は、結構いろいろあってそれぞれ何が違うのかが分かりにくいです。一度整理してみたかったのでいくつか調べてみました。 OWASP BWA (Broken Web Applications Project)公式サイトowaspbwa – OWASP Broken Web Applications Project – Google Project HostingOWASP Broken Web ApplicationsメモVMwareイメージで配布されている。VirtualBoxでも使用可2013年9月27日に、バージョン 1.1.1 がリリースされた(ファイル名は、OWASP_Broken_Web_Apps_VM_1.1.1.7z)。いろいろなオープンソースのアプリケーションが含まれている。OWASP WebGoatO
（1）Ajax XmlHttpRequestオブジェクト（JavaScript）を利用した非同期通信処理のこと。Googleマップを筆頭とするWebアプリケーションで活用されている。ブラウザからサーバ側に非同期でリクエストを実施してデータを受け取り、JavaScriptにより部分的にページを更新することで、ページ全体を更新するよりも低負荷でサーバと通信できる。また、通信中も操作を継続できるので、エンド・ユーザーの操作を妨げられることもなく、ユーザビリティに優れる。デメリットとして、基本的にブラウザからのリクエストで動作する仕組みなので、サーバ側から自動でデータを送信することはない。
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
ここ数日、GoogleのBlogger(Blogspot)でのURL変更が話題になっています。 「Facebookの"いいね"数がリセットされた！！！」とか「リンク数カウントどうなる？SEOは？」というような話が色々なところで言われています。 先月はじめに、Google Bloggerで行われるネット規制の予定に関する話を書いたのですが、そういえば、恐らくその背景であると思われるインドの裁判所命令に関して書いてなかったので追記です。 2月6日に書いた記事：Google Bloggerがネット規制対応 インドでの裁判所命令 先月7日に、ロイターがインドにおいて21企業が「預言者モハメッド、キリスト、ヒンズー教の神々に対して宗教的に攻撃的であるコンテンツをブロックする仕組みを開発することを命令された」と報じています。 Google and Facebook pull content after
こんにちは、中川です。 先日、GoogleからWebアプリケーション向けの自動セキュリティスキャナ「Skipfish」が公開されたので、社内で利用しているCakePHPのアプリで試してみました。 Skipfish( http://code.google.com/p/skipfish/ )は、Webアプリケーションの脆弱性、SQLインジェクションやクロスサイトスクリプティング等を自動的に検出してくれるApache License 2.0のライセンスで公開されているオープンソースのツールです。 必要なライブラリは以下とのこと。 * GNU C Compiler * GNU Make * GNU C Library (including development headers) * zlib (including development headers) * OpenSSL (including
つるまない・集めない・影響を与えない この3つに尽きるのではないだろうか。 ここでリンクを貼ったり、何かしら影響を与えることはそのサイトが望むことではないので、あるサイトとして呼ぶことにする。 とあるジャンルのいちばん続いていて、Google先生の評価が高いあるサイトについて特徴を見ていきたいと思う。 ・かたくなにHTMLで作っている ブログが普及するかなり前からやっているので、手打ちのHTMLでやっている。ちゃんとCSSも使いこなしている。 ・CSSデザインはリキッド リキッドというよりは、寸法を固定する気がない。自然体のHTMLに少しのCSSで色づけ。 ・外部リンクはなし はるか昔にトラブルにあったのか、私がこのサイトを見つけたときには、リンクは一切なかった。別のサイトを教えたいときには、検索するときの言葉をヒントにしていた。 ・コンテンツは1000くらい こつこつと作っていき、100
大量の人にアンケートや投票をしなければならないときにはウェブツール「Typeform」がおすすめです。直感的なインターフェイスで使いやすく、オプションも豊富な上に、無料（2013年9月14日現在）です。こういったツールはGoogleフォームなど他にもありますが、Typeformの強みはそのオプションの豊富さでしょう。 アンケート作成画面では、ドラッグ＆ドロップで20種類の質問形式が選べ、「必須項目にする」、「複数選択ができるようにする」といった設定も加えられます。アンケートが完成したらリンクを知らせて実施しましょう。集計結果は分かりやすい分析ページで見られます。 同ツールは今のところベータ版で、質問数や回答数が制限されています（20の質問項目のあるフォームが3つまで作成可能。回答数は5,000まで）。ただ、SNSでシェアさえすれば無制限になるそうです。日本語にも対応しているので、一度試して
サイトがスマートフォンからの利用に関して何らかの問題を抱えている場合、サイトオーナーに問題解決を促すインセンティブがこのほど登場した。Googleが米国時間6月11日、問題のあるサイトの検索結果の表示順位を下げる計画を発表したのだ。 Googleのモバイル検索チームのプログラマーである加藤義清氏とウェブマスタートレンド担当アナリストを務めるPierre Far氏は、ブログで次のように述べている。「スマートフォンユーザーへの更なる検索体験の向上と、スマートフォン環境での閲覧の支障を減らすため、Googleでは近日中に、誤った設定をおこなっているスマートフォン向けサイトに影響のある、いくつかのランキングの変更を予定しています」 デスクトップユーザー向けページを訪れたスマートフォンユーザーをリダイレクトする際、それぞれに対応するスマートフォン向けページではなく、単一のスマートフォン向けトップペー
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 スライドのアニメーションがとても滑らか・ちらつかない ボタンの反応にストレスを感じない メイ
実は WordPress サイトを静的 HTML に変換するプラグイン StaticPress をリリースしていました。 ダウンロードは、WordPress 公式プラグインディレクトリからお願いします。 WordPress › StaticPress « WordPress Plugins このプラグインを使用することで WordPress で作成されたサイトを丸ごと静的ファイルに変換することができます。 また、変換時にサイトのパーマリンク構造を変換することができるため、http://wp.example.com/ というオリジナルサイトを http://www.example.com/static/ というサイトとして公開するための html を作成することも可能です。 完全に静的ファイルを作成するため、コメントやサイト内検索・コンタクトフォームの設置などはできません。 それらについては
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
