ファイルダウンロード完全マスター | フューチャー技術ブログ
Real World HTTPでも紹介したネタですが、お仕事で受けている技術コンサル中に質問をいただいた時に、微妙に本で紹介した内容では少し足りなかったので、改めて整理のためにブログ記事にしてみました。次回、本が改訂されることがあればこのブログエントリーの内容も入れて加筆したいと思います。 Real World HTTPだとGoを使っていましたが、フロントとサーバーを同時にいじるので、本エントリーではNext.jsをサンプルに使います。Next.jsでプロジェクトを作って（npx create-next-app@latest –ts)、適当なプロジェクト名を入れてアプリケーションの雛形を作っておいてください。 Next.jsでは、1つのスクリプトファイルを作成すると、それがサーバーAPI(/pages/api以下)と、フロントの画面(/pages/以下のapi以外)になります。Next.j
ウェブサイトが表示されるまでにブラウザはどういった仕事を行っているのか？
ウェブページを表示するためのアプリケーションであるウェブブラウザは、今や多くの人が毎日のように利用する生活に欠かせないツールとなっています。そのブラウザがどのような仕組みで成り立っているのかについての解説がGitHubで公開されています。 GitHub - vasanthk/how-web-works: What happens behind the scenes when we type www.google.com in a browser? https://github.com/vasanthk/how-web-works この解説では例として「アドレスバーにgoogle.comと入力してからGoogleのホームページが表示されるまで」の流れが取り上げられています。 ・目次 ◆google.comの「g」を入力した時 ◆エンターキーを押した時 ◆URLを解読 ◆HSTSリストを確認
Android で HTML をいい感じで表示できるようにした話 - Medley Developer Blog
2018-10-30Android で HTML をいい感じで表示できるようにした話こんにちは。開発本部の CLINICS カルテ の開発を担当している @seka です。メドレーでは貴重な (?) エンジニアの若者枠として日々奮闘しております。 今回、開発本部で定期的に開催している勉強会「TechLunch」で、「Android で HTML をいい感じで表示できるようにした話」 という題で発表しましたので、その内容について紹介させていただきます。 1. きっかけ医師たちがつくるオンライン医療事典 MEDLEY (メドレー) をアプリ化することができるか検証してみて欲しいという相談を受け、Android のモックを作成することになりました。 アプリらしい UI を目指して開発を進めていたのですが、MEDLEY では病気記事が CMS などに見られるような HTML 形式で管理されており、
HTML Speech Incubator Group Final Report
HTML Speech Incubator Group Final ReportW3C Incubator Group Report 06 December 2011This version:http://www.w3.org/2005/Incubator/htmlspeech/XGR-htmlspeech-20111206/Latest published version:http://www.w3.org/2005/Incubator/htmlspeech/XGR-htmlspeech/Previous version:noneEditors:Michael Bodell, Microsoft Björn Bringert, Google Robert Brown, Microsoft Daniel C. Burnett, Voxeo Deborah Dahl, W3C Invited
JavaScript HTMLテンプレートエンジン SNBinder 公開
先日予告したSNBinderのオープンソース化、GitHubに簡単なREADME付きでアップロードしたのでご覧いただきたい。 https://github.com/snakajima/SNBinder SNBinderは、ひと言で言えば「ブラウザー上でView(テンプレート)とData（JSON）を結合して HTML を生成するテンプレートエンジン」である。 ９０年の半ばから急速に広まったインターネット。サーバー側でダイナミックに生成したHTMLページをブラウザーで閲覧するだけ、というシンプルでエレガントなアーキテクチャゆえの成功だ。しかし、ブラウザーの高機能化に伴い、JavaScriptを駆使して使いやすさを向上しようという試みが色々なウェブサイトで行われている。GMail、Google Docs、Facebookなどは良い例だ。 その方向性を究極にまで突き詰めると、サーバー側は（MVC
HTMLやCSSの知識不要のアプリ構築フレームワーク「qooxdoo 1.3」が公開 | OSDN Magazine
JavaScriptベースのRIA開発フレームワーク「qooxdoo」開発チームは12月8日、最新版「qooxdoo 1.3」と「qooxdoo 1.2.2」を公開した。バージョン1.3には、複数の新機能が追加されている。 qooxdooはJavaScriptを活用した包括的なRIA開発フレームワーク。HTML、CSS、DOMの知識なしにクロスブラウザアプリケーションを構築できるとしている。プロジェクトは、独1&1 Internetの支援を受けている。 バージョン1.3は、1.2で発表された新機能「virtual List」が実験的にフレームワークに加わった。仮想インフラを土台としたウィジェットで、特に大規模なデータセットで役に立つという。データセット仮想化のほか、シングル/マルチセクション、フィルタリング、ソートとグループ化、カスタムレンダリングなどの機能も備える。 新しいウィジェットと
BiND4で、空腹時に絶対見てはいけないサイトを作る！ (1/3)
記者の人生には大切なものが2つある。1つは猫、もう1つは食事だ。大切にしすぎたせいか、iPhoneのフォトライブラリーはその2つで埋まってしまった。1000枚中、500枚余りが食べものを撮影した写真だ。もはや、そういう端末だったのかとさえ思えてくる。 そこで食べものの写真だ。美味しかったものをズラリと見せたい。でも、グルメサイトに投稿するのは抵抗がある。自分のサイトが作りたい。カッコイイやつを。どうせなら最新のウェブ技術で。でも知識はない。勉強する気もない。さてどうしよう。 解決策は、最新のHTML編集ソフトを使うことだ。ズルではない。これを「大人のやり方」という。時間はかけず、出来は抜群。その卑怯な願いはどこまで叶うのか。「BiND for WebLiFE* 4 プロフェッショナル版」（2万8800円）を使い、サイトをゼロから作りはじめてみた。 ■ ＧＯＨＡＮＳＣＩＩ.ｊｐ（ゴハンスキー
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
新しいサービスを作るのになぜ今が絶好のチャンスなのか - ひがやすを技術ブログ
おとといのエントリで新しいサービスを作る側に回ろうよという話をしました。 受託開発に未来はない? - yvsu pron. yas 新しいサービスを作るというのも難しい話ですが、今は、絶好のチャンスなんですよ。 ガラケーがピークを過ぎ、徐々に衰退し始めている。iPhone/AndroidのようなSmart Phone、iPadのようなSmart Bookも広まりつつある。Goole TVのようなSmart TVも出てきます。 広まりつつあるのがポイント、広まってから新しいビジネスを始めても既に手遅れ。 常識的な人は、国内のSmart Phoneのマーケットは1000万台くらい年間売れてからだよねと思っていることでしょう。2010年は300、400万台程度と予想されているので、まだまだマーケットが小さいと思っているわけです。 国内だと確かにそうですが、グローバルなマーケットで考えると国内の1
インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog
インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。 本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチーム アプリケーションエンジニア はてなブックマーク Firefox 拡張 はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能 はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし 概略 UI の評価・設計・実装の概略 HTML についての概略、HT
1stWebDesigner • Helping You Build a Better Web - For Web Professionals
Learn Web Design Retro CSS Text Effect: A Step-by-Step TutorialCSS offers an array of tools that, when used correctly, can improve the visual experience on your website. In this tutorial, we’ll explore a straightforward way to design a retro text effect with pure CSS. The approach, while not overly complex, yields a visually appealing result and serves as a… UX surveys can be pivotal tools for des
ChromeがHTMLエディターに変身！ ブログ記事づくりに使えるエクステンションChrome Editorで遊ぼう!!
ブログサービスなどで提供される記事作成機能には、あらかじめ様々なHTML編集機能が付加されている。しかし、そうしたデフォルトの機能で満足できず、自分でウェブ制作ツールを使用してMTMLやCSSを作成しているこだわりユーザーも多いはず。そんな人におススメな拡張機能が『Chrome Editor』だ。 Chrome Editorは、ブラウザー上で利用できるHTMLエディターだ。その場で簡単なHTMLファイルを作成したり、イチから新しいHTMLファイルを作成することもできる。どちらかといえば、頻繁に使うHTMLやCSS、JavaScriptコードなどを保存しておいて、ブログなどにコピペするといった用途に適しているだろう。 ■インストール Google Chromeのエクステンション配布サイトにアクセス。サイト上で“Chrome Editor”を検索して、ダウンロードページに進もう。
resizeMyBrowser
320 x 480 iPhone 3G/3GS 480 x 720 Meizu M8 480 x 800 Google Nexus one 640 x 960 iPhone 4 768 x 1024 iPad 480 x 320 iPhone 3G/3GS 720 x 480 Meizu M8 800 x 480 Google Nexus one 960 x 640 iPhone 4 1024 x 768 iPad 1024 x 600 Most Netbooks 1280 x 800 MacBook Air 08 1366 x 768 Some Laptops 1440 x 900 MacBook Pro 15 inches Maximum Resize to Maximum
htmlSQL - a PHP class to query the web by an SQL like language
This is a archive of older and discontinued projects and experiments I worked on. Test Everything (2007 — 2020) A meta testing tool for your website. My blog (2006 — 2011) From 2006 till 2008 I wrote articles in my german blog named “Lost in programming”. In 2011 I removed the remaining old articles from my homepage. Free icon set (2007) Years ago I made a free icon set from freely available stock
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
WebViewを使ったスクレイピングの使い道
札幌のフリーランサーまいむぞうのブログ。Android関連、コンピュータビジョン、IoT、ロボティクスあたりをやっています。 Android MLで WebViewとJavaScriptを使ったスクレイピング ってゆートピックを見つけたんだけど、現在進行形で正しくこのアーキテクチャを使ってプログラムを書いているところだったので、フォロー入れます。つーか入れずに居られない。 なんのこっちゃという方は、こちらを見てください。 WebViewを使ったスクレイピング / scraping a page using the WebView in a Service スクレイピングにあたっての問題点 まず、自分の場合は特定ページのHTMLを定点観測するためにパーサーを書く必要があったんだけど、Javaに慣れてないので以下のような問題をどう超えようか悩んでいました。 PullParserなどよりXPat
「HTML5 Rocks」だけじゃない、ブラウザ各社のHTML5チュートリアルを集めました
Webブラウザを提供する主なベンダ、グーグル、マイクロソフト、モジラ、オペラ、アップルらは、HTML5への対応を急ぐと同時に、相次いでHTML5の魅力や内容をデベロッパー向けに紹介するサイトを開設しています。この記事では、それらをまとめて紹介することにしましょう。 グーグルの「HTML5 Rocks」 グーグルは6月22日に開発者向けにHTML5を紹介し、学習するためのWebサイト「HTML5 Rocks」をオープンしました。 HTML5 Rocksは現在3つのコーナーに分かれています。 1つ目は「Interactive Presentation」。これはHTML5の新たなAPI、DOM APIやLocal Storage、WebWorkerなどさまざまな機能を紹介するプレゼンテーション。機能と共にJavaScriptでのコーディング例や実際に動作するデモなどが用意されており、HTML5の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IT-Walker on hatena
adakoda.com
ブログ
