わずか1行のコード追加で、どんなWebサイトもCMSっぽくできる！「Simpla」の驚くべき使い方を徹底解説 - paiza開発日誌
どうも、まさとらん（@0310lan）です。 今回は、既存のWebサイトを究極にシンプルなCMSっぽく管理することができる無料のWebサービスをご紹介しようと思います！ このサービスを活用すれば、Webサイトのテキストや画像などの編集、サイトの更新作業などを直感的に誰でも行うことができるようになります。 【 Simpla 】 ■「Simpla」とは？ まず最初に、「Simpla」がどのようなサービスなのかを実際に見ていきましょう！ 以下に、「Simpla」を導入したサンプルサイトがあります。 見た目はごく普通のWebサイトですが、URLの末尾に「#edit」と追記して再読み込みします。 すると、専用の「ログイン画面」が表示されます！ 「Simpla」アカウントでログインすると、画面上でそのままコンテンツを編集できるようになります！ （編集できる箇所、できない箇所の設定も可能です） また、画
第1回 プログレッシブフレームワーク Vue.js：Vue.js入門 ―最速で作るシンプルなWebアプリケーション｜gihyo.jp … 技術評論社
Vue.jsとは Vue.js（ビュージェイエス）は、インタラクティブなUIを構築するためのJavaScriptライブラリです。Webサイト内のウィジェットや管理画面のダッシュボードといったビュー（view）層に特化しています。設計の特徴としてMVVMパターンに影響を受けています。 Vue.jsは2013年にEvan You氏の個人プロジェクトとして開始、2014年2月にバージョン0.8が正式に公開されます。その後いくつかのリリースを経て、2015年4月にLaravelへの標準搭載決定を機に一気に知名度があがりました。2015年10月に1.0が、2016年10月1日（日本時間）に2.0がリリースされ現在に至ります。 Vue.jsの主な特徴には以下のものがあります。これらによって短期間で実用的なアプリケーションを作成できるため人気を集めています。 シンプルなAPIやHTMLベースの平易なテン
柔軟なログ収集を可能にする「fluentd」入門 | さくらのナレッジ
複数台のサーバーやクラウド環境を組み合わせてのサービス運用においては、ログの収集方法に工夫が必要となる。こういった場合に有用なのが、さまざまなログの収集手段を提供するfluentdだ。今回はfluentdのアーキテクチャやそのインストール/設定方法、基礎的な設定例などを紹介する。 さまざまな方法でログを収集できるfluentd 今回紹介するfluentdは、Treasure Dataが開発するログ収集管理ツールだ（図1）。オープンソースで公開されており、Linuxや各種UNIXで動作する。 図1 fluentdのWebサイト ログ収集のためのソフトウェアとしてはsyslogdやsyslog-ngなどが有名だが、fluentdがこれらと異なる点としては、以下が挙げられる。 さまざまなソースからのイベントをさまざまな媒体に出力できる fluentdの大きな特徴としては、ログの収集方法やログの記
Web 関連仕様 日本語訳
このページは、 Web プラットフォーム関連の様々な仕様の日本語訳の一覧と， それらの日本語訳に共通な事項についての説明です。 これらの翻訳の正確性は保証されません。 これらの仕様の公式な文書は英語版であり、 日本語訳は公式なものではありません。 誤訳が無いことは保証されません。 ［ 当の仕様の策定者たちが想定している／当の仕様に期待されている ］意味論を完全かつ正確に反映することは保証されません。 翻訳なので、 語彙レベルで原文と正確に一致する意味を表すことは決してありません。 日本語は自然言語なので、 誰がいつどこで読んでも同じ解釈になることは保証されません。 ）（ 実際に誤訳が見つかることも時折あります。 それらについては見つかり次第修正され， 加えて用語の対訳や言い回しなども時折修正されるので、 これらの翻訳が「完成」する日は永遠に来ません。 逆に原文仕様が誤っていることもあり、
色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ！ | バンクーバーのうぇぶ屋
「なんじゃこりゃぁあ！！」 とりあえず、コレ見た時の第一声でした。本当は昨日日本から帰ってきたばかりだったので、セミナー旅行の報告記事書くつもりだったんですが、それより先にこの興奮を伝えるのが先かなと思ったので即刻共有記事〜！ 以前『ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.com』の記事を書かせて貰いました、これはこれでWEBページを作る上ではこれ以上は無いんじゃないか位の楽さとクオリティでした。 しかし、今回はWEBページというよりは完全にWEBサイトを劇的に簡単に作れるという意味でのヤバさ、あとショッピングカート機能、ブログ、その他様々なページを作って運営することが出来る「Squarespace」をちょっと簡単にご紹介させて頂きましょう！ このサイト自体は僕の記憶が確かなら以前に見たことがある気がするんですが、それにしてもその時はこんなヤバさは感じて無
勝手に査読:Webアプリにおける11の脆弱性の常識と対策
「Webアプリにおける11の脆弱性の常識と対策」という記事を久しぶりに読みました。出た当事も思いましたが、基本的な誤りが多く、読者が誤解しそうです。このため、編集部から頼まれたわけではありませんが、「勝手に査読」してみようと思います。 細かい点に突っ込んでいくとキリがないので、大きな問題のみ指摘したいと思います。 ※2013年2月25日追記 このエントリに対して、編集部が元記事を修正くださいました。徳丸も修正に協力いたしましたが、十分正確な内容ではないことをお含みおきください。 ※追記終わり 同記事の想定読者は誰か査読にあたり、この記事の想定読者を明確にしておいた方がよいですね。記事の冒頭には、連載の説明があります。 本連載は、JSP／サーブレット＋StrutsのWebアプリケーション開発を通じて、Java言語以外（PHPやASP.NET、Ruby on Railsなど）の開発にも通用する
Webサイトの品質をアップさせる99のチェック項目 | ベイジの社長ブログ
わが社では、納品データの精度を上げるため、チェックシートを使った品質管理フローを実施しています。これらの適応ルールは品質マニュアルで細かく規定されているのですが、今回は、チェックシートに記載しているチェック項目を公開します。納品データの品質で苦しんでいる制作者の方は、是非参考にしてみてください。 Webサイトを作り始める前にチェックする項目 これらはコーディングに着手するまでに確認しておく項目です。明確な指定がない場合には、制作側で判断して最適な設定を行い、必要な個所の確認を行います。コーディングガイドラインを支給されることもありますが、その抜け漏れのチェックにも使います。 1. 対象とするOS、ブラウザは？ 2. 対象とするスクリーンサイズは？ 3. Googleプレイス登録の要否は？ 4. link rel=”canonical”の指定は？ 5. meta name=”robots”の
Webサービス、最初の宣伝 - ゆーすけべー日記
Webサービスのプロモーション？について個人的にまとめてみます。 Webサービスができたら想定するユーザーに使ってもらわないと寂しいところです。 そこでWebサービスを多くの人に知ってもらうための宣伝をしましょう。 今回はサービスを作った作者が一人でできる範囲を考え、 以下の3つの手段を使った初期のプロモーションについて僕なりのやり方を紹介します。 プレスリリース 自身のBlogでの紹介 Twitterでの拡散、はてなブックマークでの注目 今まで僕は個人で、もしくは「会社名義だけれども一人で」WebサービスやiPhoneアプリを作った際に、 上記のツールを使いながら意図的に宣伝を行い効果測定をしてきました。 プロモーションのプロではもちろん無いながらも工夫と、ある程度の努力をしています。 中には全く不発のもあり、とはいえ、それはサービス自体がそもそも面白くないケースがあったりで、 だんだん
ウェブサービス(Web API)をプログラムから使う
ウェブサービス(Web API)をプログラムから使う 2009-12-26-2 [WebAPI][Programming] 前回[2009-12-24-1]はウェブサービス(Web API)の基本的事項と、よく採用されているプロトコルとデータ構造の概要を解説した。 プロトコルとデータ構造の組み合わせ、計4つのうち3つを取り上げて、実際にプログラムから Web API を使う方法を例を用いて説明する。 今回取り上げるサンプルプログラムで使った Web API と用いたプログラム言語を表に示す： プロトコル\データ構造XMLJSON, JSONPREST風MECAPI, Perlキーフレーズ抽出API, JavaScriptSOAP, XML-RPCはてブ件数取得API, Perl- REST風 + XML Web API をREST風プロトコルでアクセスしXMLデータを得る流れを perl
Webサイトを作ったらまずやるべきことチェックリスト | Web担当者Forum
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。 サイト運営日記をスタートする（変更点を日付と一緒にメモしていく）XMLサイトマップを作って更新内容が含まれるようにするGoogleウェブマスターツールにサイトを登録する → https://www.google.com/webmasters/sitemaps/XMLサイトマップを登録するURLのwwwあり／なしの統一を指定するサイトリンクの表示をチェックして調整（以降随時）Yahoo!サイトエクスプローラーにサイトを登録してXMLサイトマップを登録する → http://siteexplorer.search.yahoo.co.jp/live Webmaste
売れてるSEO業者が行っているのはSEOでもSEMではなくHIO
最近のSEO業者のテクニックというか、昨今のサーチエンジンの進化に伴うSEO業者の動向。 サーチエンジン最適化、というのはよく言ったもので、SEO！SEO大事！SEOしなきゃカス！みたいな時代があったが、現在は終わりを告げそうでもある。 というかSEOという行為そのものが当たり前になっているし、これはもうサイト作成の基本であり、どのweb屋でも一つのパッケージとして捕らえている部分じゃないだろうか。 ただ、検索エンジンに対してサイトを最適化と一言で言っても、一昔前のやり方と手法は大きく変わっている。 今回は、現在SEO業者が最も使っているHIOについて考えていこうと思います。 『SEO』の背景 SEOという言葉が誕生した時は、ページに対して、『このページはこんな情報を持っています』という事をサーチエンジンに教える為に、HTMLタグをきっちっと使うとか、見た目がばらばらでも、CSSで上から順
Webサービスを公開し、運用するために - 今日とは違う明日
会社でプログラミングはしてるけど、プライベートでWebサービスを作って公開するには、どうすればいいんだか・・・という過去の私みたいな人のために。 とりあえず、前提として。 Webサービスを構築するためのある程度のスキルはある 何を作りたいかも決まっている でも、自分でゼロからスタートして公開までの段取りがよく分からん 1.開発言語、フレームワーク、データベースを決める 何はともあれ。持ってるスキルにあっているものが良いと思うけど、新しい言語やフレームワークにチャレンジするのも楽しいかも。お好きなものをどうぞ。ただ、all in oneなフレームワークだと、色々揃えなくてもいいから楽。 言語を決めたら、それに合わせた開発環境を用意して、Hello Worldが動く程度には動作を確認しておく。 私の場合は 言語はruby フレームワークはRuby on Rails データベースはpostgre
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
GoogleのSEOスターターガイドの翻訳 - ソーシャルメディアマーケティング SMM.jp
ソーシャルメディアマーケティング.jpではソーシャルメディアを活用したマーケティング手法を解説していきます。SNS、ブログ、ソーシャルブックマークなど周辺ニュースの紹介もしています。 Official Google Webmaster Central Blog: Google's SEO Starter Guide GoogleがSEOのスターターガイドをPDFで配布しはじめました。さっそく全部読みながら訳してみました。 あとでリンクや画像などを追加して読みやすくするかもしれません。 なお、最後のほうのツール紹介の部分は省きました。 もし問題があればすぐに消しますのでコメントなどいただければ。 11月14日追記： 文中のリンクを追加しました 訳が間違っている部分もあると思うので参考までに。 Google Starter Guide まとめ 【目次】 説明の前提 <title> ・ユニークで
webサービスを有料化するときの5つの注意点
3～4年程前だったか・・・。 『画像共有を目的としたwebサービスを現在無料で公開しているんだけど、会社の上司から有料化すれと言われて困っているの』 はっきりといつだったか覚えていないのですが、当時EXloveというものすごいマニアックなオンラインゲームで知り合った子から、こんな相談を受けました。 あのころはSEOの本なんかもゴリゴリ売れだしていた時代で、ちょうど『サービスは無料』という風潮に切り替わる手前くらいの時代。 いわゆるサービスそのものに課金をしても『ある程度』利益が出ていた時代がありました。 Betaというサイトの横に理の言葉がつくようになる前の話ですね。 当時、最も主流であったバナー広告は下降気味 その当時の主流はバナー広告という収益化。 しかし、効果は6年ほど前に薄れ、よほどアクセス数が無い限り、企業の事業として成立させる事は難しいとされていました。 彼女の企業においても、
Developer tools, wizards and markup generators | Accessify
Developer Tools & Wizards Markup Maker - Takes a simple list of page ids that you enter and converts it to a valid XHTML document. Now includes HTML5 support jQuery Function Builder - Quickly build scaffolding for numerous jQuery syntax functions (which will run on page load/ready) List-o-matic - Create CSS-styled navigation blocks based on unordered list <li> items. Get your semantics on! Checkbo
ソフトバンク旧型機で注意したい事 - 携帯電話向けコンテンツの書き方
この記事は情報として旧くなり過ぎて価値を喪失したものと判断されるため、保存扱い(obsolete)となっております。理由：ソフトバンクの旧型機は平成22年 3月限りで利用出来なくなるため。 要注意点の多いソフトバンク旧型機向けHTML。 ソフトバンク旧型機に実装されているHTMLには注意すべき事が多数あります。 ここではそれらの中から主なものを纏めておきます。 当サイトで解説していない要素などについても解説しておきます。 尚、実際には現行機及び旧ジェイフォン時代の初期端末を除くパケット機では以下の制限はURIの制限を除いて適用されません。 ですから、事実上URIの制限を除いて非パケット機のみの制限と見なしても殆ど問題は無いでしょう。 文書作成上の問題。 数値文字参照は使えません。 旧型機では、現行のパケット機を除いて数値文字参照が使えません。 数値文字参照は、旧型機では記述した通りの表示に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
次世代プラットフォームのセキュリティモデル考察(前編)
org-rabo.com
SoccerStriker.net