シンプルなWYSIWYGエディタでHTMLを生成できる 「HTML Editor」
デザインは得意だけれども、HTMLコーディングはどうしても不得手だ、という方も多いのではないでしょうか。あるいは、文章を書いていて、ライター脳をコーダー脳に切り替える気がないときに、手軽にHTMLタグを生成したいというケースもあるはず。 今回ご紹介するのは、リッチテキストエディタ（WYSIWYGエディタ）を使ってHTMLタグを生成するオンラインツールです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! リッチテキストエディタでHTMLコーディングできる「HTML Editor」 「HTML Editor」は、リッチテキストエディタで整形したものをHTMLタグへリアルタイムに変換できるオンライン エディタ。 HTMLコーディングが苦手な人のみならず、文章を書きながら部分的にちょっとしたHTMLを生
「プログラマでしょ？ホームページ作ってよ！」を1日で対応する - Qiita
プログラマあるあるだけど友人からホームページ作ってよ!と言われることがある。 大体は適当な理由をつけて断るけど、1日程度で作る方法を模索してみた。 テンプレートをダウンロード 1から書いてる暇はないので適当なテンプレートを使います。今回はHTML5 UP!を使います。 HTML5 UP!のLicense 控え目でもCreditsをサイトに乗せれば無料で使用可能です。 以下はサンプル テーマはDirectiveを使用します。 フォームが付いててマークアップはそのままで使えそうですね。 開発環境 テーマがダウンロードできたら開発環境を準備します。 サーバーサイドは書きません。 Cloud9が便利そうだったので登録してワークスペースを作ります。Cloud9のワークスペースは一つなら非公開でも利用可能です。 以下のようにプロジェクトの情報を指定します。 ライブプレビュー準備 生成されたプロジェクト
通信系テストのためのサイトのススメ：example.com、httpbin.org、badssl.com - 病みつきエンジニアブログ
HTTP通信の機能を持ったプログラムをテストするときに、どこにアクセスするか、迷うことがある。(モックが使えるならそれがいいけど) そんなときにおすすめな、example.comとhttpbinとbadssl.comを紹介してみる。 example.com 名前がそのままだが、example.com はちゃんと動くサイトである。よくサンプル文字列として(例えばメールアドレスとかで)仕込んでたのだが、最近まで本当に生きたサイトだとは知らなかった。 亜種に example.org とか example.netもある。RFC 2606に定義されているそうで、第三者に悪影響が及ばないことを保障することができるとある。Wikipediaにも記事がある。 ただ、あくまで普通のウェブサイトであり、「403をテストしたい」といった特殊なテストには合わない。そんな人にhttpbinをおすすめしたい。 htt
WebGLも怖くない！canvasライブラリを効率良く学ぶオススメの順番 - KAYAC engineers' blog
このエントリーは tech.kayac.com Advent Calendar 2015 の4日目のエントリーです。 こんにちは！ 今年の春、カヤックに新卒として入社した、フロントエンドエンジニアの深澤（@takumifukasawa）です。 今回は、「canvasのライブラリは手をつける順番で理解度が大きく変わる」と思った出来事について書きます。 canvasライブラリで表現の幅は広がるが、種類が多くて迷う。 僕は7月に、『1日1jsdo.it』という企画を始めました。主にcanvasの勉強のためです。 これは、「1日に1つプログラムで何か作品を作る → それをjsdo.it(※1)に投稿する」習慣のことです。 途中で1週間ほど間が空いてしまった時期はありますが、この習慣を4,5ヶ月ほど続けていて、いまのところ120個近くの作品が出来上がっています（たいてい、仕事を終えて帰ってから寝るま
Webデベロッパのためのオンラインエディタ4選 | エンタープライズ | マイコミジャーナル
Make Tech Easier - Uncomplicating the complicated, making life easier Make Tech EasierにWebデベロッパ向けのオンラインエディタを紹介する記事が「4 Great Online Editors For Web Developers」として掲載されている。紹介されているエディタはシンプルなJavaScript/HTML5エディタから多機能開発向けエディタ、統合開発環境までさまざま。今後の流行を予想させる興味深い点もいくつかある。 「jsdo.it」(ChdromアプリではJustEdit)はJavaScript、HTML5、CSSを記述してその場でチェックできるサービス。紹介されている4つのエディタの中ではもっともシンプルだが、多くのスニペットをチェックできること、さらにスニペットから自分のプロジェクトを作成
PCを丸ごとクラウド化、Windows用「ServersMan@Desktop 1.0β」が公開 | パソコン | マイコミジャーナル
「ServrersMan」Webサイト フリービットは10日、自分のPCをクラウド化しインターネットから直接アクセス可能なストレージとして利用できるソフト「ServersMan@Desktop 1.0β」を公開。ServersMan専用サービスWebサイトから無料でダウンロードできる。対応OSは、Windows XP / Vista / 7。 「ServersMan@Desktop 1.0β」は、わずか数分で自身のPCをクラウド化し、外部からネットワークを通じてアクセスすることが可能になる。WebDAVに対応するため、Windows / Macからアクセス可能になるほか、iPhoneやXperiaなどのスマートフォンからも自分のPCへとアクセスできる。また、Webサーバーとして簡単に活用できるように、"public_html"フォルダが設定してあり、「http://serversman.n
Cookieを利用したセッション維持(Sticky)の問題点
ロードバランサーの機能のうち、セッション維持は重要な役割な一つです。セッション維持を実現するための方法としては主に4つあります。 ソースIPアドレス利用 Cookie利用 SSL Session ID利用 URL利用 一番手軽なのはソースIPアドレスを利用する方法なのですが、NAT(Network Address Translation)環境では全てのマシンが同じIPアドレスに見えてしまうのでこの方法が使えない場合も多いと思います。そんなわけで私はこれまでCookieを利用する方法をよく使っていました。しかし最近になってCookieを利用したセッション維持が失敗するケースが増えてきました。それはなぜでしょうか？ Cookieを利用する方法の問題点 Cookieを利用したロードバランスでは、セッション情報をCookieに書き込みます。ところでCookieの仕様をRFC2965で確認してみると
Google人気JavaScriptライブラリ配布開始、ネット全体でキャッシュ効果 | エンタープライズ | マイコミジャーナル
GoogleからGoogle AJAX APIを拡張する新しいサービス「The AJAX Libraries API」が公開された。The AJAX Libraries APIはGoogleのサイトで人気のある有益なJavaScriptライブラリを提供しようというもの。これまでYUIであればYahoo!、DojoであればAOLなどが同類のサービスを提供していたが、特定のJavaScriptライブラリに限定することなく有益であれば配布に追加するというポリシーをもっている点が新しい。 JavaScriptライブラリを活用するタイプのWebアプリケーションは数多くある。結果として、何度も似たようなJavaScriptライブラリをダウンロードしていることになり、このままいけば今後ライブラリ自体のサイズの巨大化や多くのサービスの登場でライブラリダウンロード総量は増加することになる。 The AJAX
[Think IT] 第2回：Webデザイナが使う配色の裏側 (1/3)
Webデザイナは知っていた 第2回：Webデザイナが使う配色の裏側 著者：シンクイット制作部 公開日：2008/02/21（木） Webデザイナはどうやって色を決めてるの？ 「第1回：エンジニアだって色にこだわりたい」では具体的な例をあげて、色を決める際のノウハウを紹介しましたが、全てのWebデザイナが色彩感覚に優れているわけではありません。 他の職種の方々はデザイナはセンスだけで色を決めれると思っているかもしれませんが、Webサイトやツール、そして書籍を見て参考にしながら勉強しているわけです。Webデザイナ向けの雑誌でも年に1度は色についての特集が組まれるぐらいです。 今回は配色を決めるために色の特別な知識がなくても、簡単に色を決めることができるツールとそのポイントを紹介していきます。 Webサイトやツールを作る時には複数の色を使う場合が多く、そんな時でも全体的に整って見えるように配色を
テキストエディタでWebサイト構築をガンバル人へ
HTMLやCSSのコーディングチェックを行うためのアプリケーション「bkhvalid」 bkhvalidはアプリケーションタイプのバリデータだ。HTMLやCSS、JavaScriptの構文チェックを行い、アプリケーションの中で修正を行うことができる。複数のファイルを同時に開き、複数ファイルを一括でチェック可能だ。 動作環境はWindows 2000／XPとなっているが、筆者のWindows Vista環境ではアプリケーションを実行し、バリデーションを実行できた。 ファイルを開き、「F5」キーを押すか［ツール］→［検証］と操作すると、エラーチェックが実行される。見つかったエラーや警告をダブルクリックすると、指摘個所にジャンプすることができ、そのまま不具合の修正を行い、ファイルの保存を行うことが可能だ。DOCTYPEをHTML内の記述から強制的に変更してエラーチェックすることも可能である。 b
これは便利！誰でも簡単にグラフを描けるAPIがGoogleから登場！『Google Charts』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
テストを自動化する注目のツールSelenium：ITpro
ケイビーエムジェイ 最高技術責任者。普段はWebアプリケーションの開発を主に行っています。Seleniumを初めて知ったときは，特にWebブラウザが自動的に操作される様子が見えることや，そのテストの書き方の単純さに感動しました。その後テストをさらに簡単に作成できるようにしたいと思い，Selenium IDEを開発しています。 多くのWebサイトは，一度リリースしたらそれで終わりということはありません。リリース後も多くの機能追加や機能変更によるアップデートが頻繁に行われます。プログラムに変更を加えたときには，新たなバグが入り込んでいないことを確認するテストが不可欠です。 システムのリリース前にテストを実施するのはWebサイトに限った話ではありません。が，Webサイトの開発では，画面の確認のような手間がかかるテストが必要です。リリースの頻度が高い場合，そのようなテストを毎回手作業で行うとコスト
すごい人たちに追いつきたい──MagicSketch・浜本階生さん
「ひとりでつくるネットサービス」──第17回目は、グルメ情報を独特のインタフェースで検索できる「EatSpot」、英文構成に便利なツール「NativeChecker」、Wikipediaをもっと便利に検索できる「Sensr」、アイデアを手書き感覚で投稿・共有できる「MagicSketch」などを作っている浜本階生さん（25）にお話を伺った。次々とWebサービスをつくりだす浜本さんは、どのようにサービス開発をしているのだろうか。 尊敬する先輩に出会い、QuickC、Delphiへ 「Webの世界にはすごい人がたくさんいます。今はとにかく勉強してその人たちに追いつきたい」。そう話す浜本さんはまだ25歳。現在は、学生時代からアルバイトしていた会社に就職、Webシステムの企画、運営をしている。 尊敬するエンジニアは、Javaのフレームワーク、Seasarを開発しているひがやすをさん、Plagger
NCES Kids' Zone Test Your Knowledge
Surveys & Programs + National Assessments National Assessments National Assessment of Educational Progress (NAEP) National Assessments of Adult Literacy (NAAL) International Assessments International Assessments International Activities Program (IAP) Early Childhood Early Childhood Early Childhood Longitudinal Study (ECLS) National Household Education Survey (NHES) Elementary/ Secondary Elementary
第26回 「非公開URL」によるアクセス・コントロールについて考える
今回は，Web上で情報を公開する際の，アクセス・コントロールについて考えてみます。ここで言うアクセス・コントロールとは，あるページに誰がアクセスできるのかをコントロールする，という意味です。 Web上に情報を公開するということは，その情報を世界中からアクセス可能な状態にする，ということと大体同じ意味です。しかし情報の中には，一部の人しかアクセスしてほしくない情報もあります。例えば個人情報が含まれるデータを，インターネットを使って共有したい，といったとき，許可された人以外がそのデータにアクセスできては困るわけです。そこで，何らかの方法で，許可した人にしかその情報にアクセスできないようにすることになります。 最もよく使われているアクセス・コントロールの方法は，パスワード認証でしょう。パスワード（とユーザー名）を使った認証の仕組みを用意して，認証を通過できた人にだけ，その情報にアクセスする権限を
[ThinkIT] 第4回：Windows Liveで見せるMicrosoftの懐の深さ (1/4)
奇異に思われるかもしれないが、実は「Ajaxの生みの親」は誰かという問い掛けに応えるのは難しい。 なぜかといえば、「Ajaxに使われる主要な技術を整備した者」と「現在Ajaxと呼ばれるサービスを作り出した者」、そして「Ajaxという名前を付けた者」はすべて異なっているからである。 具体的にいえば、最初の者はMicrosoft、2番目の者はGoogle、そして3番目の者はJesse James Garrett氏とみることができる。GoogleをAjaxの生みの親である、という立場を取っているケースが一般的だと思われるが、Googleだけですべてを作り上げたわけではないのも事実である。 一方Microsoftは、Googleを追い上げる形でAjaxに参入した後発の企業、というイメージで受け止められているが、見ての通りGoogleに先んじてAjaxに使われる技術を整備した元祖的な立場である。ここ
ウノウラボ Unoh Labs: ウェブデザインに不可欠なツールサイトの紹介
naoyaです。 今日は最近見つけました”ウェブデザインに不可欠なツールサイト”を紹介します。その名前も「Web Design Tools - thePeoplesToolbox」です。このサイトはウェブデザインの使われるさまざまなサイトをまとめたサイトです。 それでは、さっそく使ってみることにしましょう。 まず、最初にユーザ登録した方が自分のツールボックスにできるので登録してみましょう。 登録するには、右上の"login"リンクから、必要な情報を入力するだけでその場で登録完了となります。"Enter Code"には、"Authentication Code"と同じ文字を入力します。 ウェブデザインサイト１ posted by (C) フォト蔵 ログイン後、"home"リンクからトップページを表示すると、ウェブデザインに使えるサイトの一覧がカテゴリ別に表示されています。 この中から
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Domain Expired
EnterpriseZine：DeNAの人気サイトに学ぶ LAMPによるWeb-DBシステム構築/運用の極意 (前編)