はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ HTMLファイル

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 33件)

「GPT-4」が無料で使える?--「新しいBing」と「Poe」の賢い使い方

2023/05/02 このエントリーをはてなブックマークに追加 197 users Instapaper Pocket Tweet Facebook Share Evernote Clip プロンプト 日進月歩 POE gpt-3 アウトプット

先週の話はもう過去の話。AI技術の進化は日進月歩で、GPT-4の圧倒的なアウトプットの質の向上をはじめ、私たちが感じる未来への期待感は高まるばかりです。 GPT-4は、文脈理解や複雑なタスクへの対応力がGPT-3に比べて向上しており、ますます多くのことができるようになっています。 プロンプトだけでHTMLファイルのコー... 続きを読む

Webの将来はサーバサイドレンダリング(SSR)に回帰していく。Denoが主張するIsomorphic JavaScript(もしくはUniversal JavaScript)とは何か?

2023/02/06 このエントリーをはてなブックマークに追加 279 users Instapaper Pocket Tweet Facebook Share Evernote Clip deno サーバサイドレンダリング CGI インタラクティブ

Webの将来はサーバサイドレンダリング(SSR)に回帰していく。Denoが主張するIsomorphic JavaScript(もしくはUniversal JavaScript)とは何か? 静的なHTMLファイルをWebサーバが配信する仕組みから始まったWebは、サーバ側で動的にHTMLを生成するCGIの仕組みや、Webブラウザ上でJavaScriptを実行してインタラクティブ... 続きを読む

「HTMLでは環境依存文字(①や©など)を文字参照にしなければいけない」という誤解と、本当に置換すべき文字

2022/10/21 このエントリーをはてなブックマークに追加 150 users Instapaper Pocket Tweet Facebook Share Evernote Clip 誤解 HTML UTF-8 特殊記号 ソフトウェア

HTMLファイルで特殊記号を使う際、① は ①、© は © のように置き換えて書かないといけないものだと思いこんでいないでしょうか。 現代ではそれは誤解です。 UTF-8では特殊記号の文字参照は不要 そもそも環境依存文字とは、データを扱う機種・ソフトウェアなどの違い(文字コードの割り当ての違い)により表示... 続きを読む

閲覧中のウェブページ全体を単一のhtmlファイルとしてダウンロード&注釈付けも可能な「SingleFile」レビュー

2022/03/06 このエントリーをはてなブックマークに追加 455 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブブラウザ ウェブページ全体 Firefox 別フォルダ

ウェブブラウザで閲覧中のウェブサイトをページ中の画像も含めて保存したいと思ったときに、HTMLファイルと画像ファイル・スタイルシートが別フォルダになることなく、単一のHTMLファイルとして保存できるブラウザ拡張機能が「SingleFile」です。 SingleFile – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.... 続きを読む

長男がプログラム(でゲーム)を作りたいと言い出したので、Javascriptの書き方..

2020/07/27 このエントリーをはてなブックマークに追加 696 users Instapaper Pocket Tweet Facebook Share Evernote Clip JavaScript 次男 長男 動作 空気

長男がプログラム(でゲーム)を作りたいと言い出したので、Javascriptの書き方とブラウザでの動作確認を軽く教えた 次男も感化されたようで長男の真似をし始め、今は簡易な動作のHTMLファイルであれば作れるようになっている ある日、二人の空気が険悪だった(大喧嘩したあとの空気だった) まずは長男に事情を訊いてみると... 続きを読む

静的サイトジェネレータ「Hugo」と技術文書公開向けテーマ「Docsy」でOSSサイトを作る | さくらのナレッジ

2019/10/10 このエントリーをはてなブックマークに追加 100 users Instapaper Pocket Tweet Facebook Share Evernote Clip Hugo ナレッジ CMS 静的サイトジェネレータ さくら

最近ではWebサイトを構築する際にWordPressなどのCMS(コンテンツ管理システム)を利用することが多いが、今日でも静的なHTMLファイルを使ったサイト構築には多くのメリットがある。今回は、こうしたHTMLファイルベースのサイト構築を支援するHTMLファイル生成ツール「Hugo」を紹介する。 静的ファイルでサイトを作るた... 続きを読む

コーダーの仕事が楽になる!レスポンシブ対応のさまざまなHTMLテンプレートが驚くほど簡単に作成できる -Aperitif | コリス

2017/09/03 このエントリーをはてなブックマークに追加 574 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス コーダー メールアドレ HTMLテンプレート HTML

ランディングページをはじめ、企業サイトやポートフォリオやブログのページまで、レスポンシブ対応のHTMLテンプレートが驚くほど簡単に作成できてしまう無料オンラインサービスを紹介します。 HTMLのテンプレートとして、すぐに利用できるプロトタイプとして、HTMLの知識はほとんどいらずにほんの数クリックで自分用のHTMLファイルが作成できます。 Aperitif 使い方は、簡単です。 登録やメールアドレ... 続きを読む

わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた! | シェアしたくなる最新のWebサービス・ITニュース情報をチェック! APPGIGA!!(アプギガ)

2016/08/18 このエントリーをはてなブックマークに追加 211 users Instapaper Pocket Tweet Facebook Share Evernote Clip APPGIGA 一元 0310lan チャット 解析

どうも、まさとらん( @0310lan )です! 最近は、Webサービスやサイトなどを制作する際に、ページの解析やユーザー行動の分析、チャットによるサポート、メールの配信…など、いろいろやることが増えてきました。 そこで、今回ご紹介するWebサービスを活用して、さまざまな「解析作業」や「機能追加」をお手軽に一元管理してみませんか。 【 StackPile 】 HTMLファイルに、わずか1行のコード... 続きを読む

インストール不要 - 完全に単一のHTMLファイルで動作するMarkdownエディタ作った - Qiita

2016/01/25 このエントリーをはてなブックマークに追加 490 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita Excel Markdownエディタ 経緯 前回

概要 完全に単一のHTMLファイルで動作するMarkdownエディタ「 かんたんMarkdwon 」を作ったというお話。 お断り 一応簡単に動作検証はしていますが、とんでもないバグが潜んでいるかもしれません。 かんたんMarkdownを利用して大切な文章がなくなってしまったり、その他損害が生じても責任は取れませんm_ _m 経緯 前回の記事( そろそろExcelで資料作るのやめたい )で、 単一フ... 続きを読む

保守性・管理性が劇的に上がるPHPのスマートなコードの書き方12選 | BULK SERVER blog

2014/08/11 このエントリーをはてなブックマークに追加 381 users Instapaper Pocket Tweet Facebook Share Evernote Clip PHP プログラミング言語 言語 言語自体 プログラム

プログラミング言語には様々なものがありますが、その中でも比較的人気なのがPHPです。PHPはHTMLファイルに直接記述できるスクリプト言語であり、その手軽さや言語自体のわかりやすさなどから、主にWebサービスの制作でその人気を獲得しています。 PHPは他の言語に比べてとても簡単な仕様となっており、初心者でもすぐにマスターすることができるものです。そして、同じプログラムを書く際でも複数の書き方が可能... 続きを読む

Webアプリケーションの脆弱性の解説&体験ページ

2014/06/06 このエントリーをはてなブックマークに追加 558 users Instapaper Pocket Tweet Facebook Share Evernote Clip Form ユーザ データベース Webセキュリティ 概要

はじめに、脆弱サイトの概要を説明します。このサイトは、データベースに登録された会員情報を検索するサービスを提供しています。 参考書マスタリングTCP/IP 情報セキュリティ編 8章 Webセキュリティ pp.205 脆弱サイトの機能と仕組み 1. ユーザはログイン後、登録された検索したい会員名を、Webアプリケーションサーバーで検索します。会員名は、以下に示すHTMLファイルのFormにある変数u... 続きを読む

<html>,<body>は要らない?Googleが推奨するHTMLファイルの記法

2014/04/30 このエントリーをはてなブックマークに追加 380 users Instapaper Pocket Tweet Facebook Share Evernote Clip Body head title お決まり Google

Googleが公開していたGoogle HTML/CSS Style Guideによると、よく使われる下のようなHTMLのお決まりの記法は非推奨らしい。 <!DOCTYPE html> <html> <head> <title>Spending money, spending bytes</title> </head> <body> <p>Sic.</p> </body> </html> これはフ... 続きを読む

<html>,<body>は要らない?Googleが推奨するHTMLファイルの記法 - Qiita

2013/08/28 このエントリーをはてなブックマークに追加 559 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita Body knowledge sharing

Qiita - A technical knowledge sharing platform for programmers. 続きを読む

Adobe Edge AnimateでHTMLファイルにアニメーションを追加する | Webクリエイターボックス

2013/04/09 このエントリーをはてなブックマークに追加 149 users Instapaper Pocket Tweet Facebook Share Evernote Clip アニメーション Adobe Edge Animate

Adobe社のEdge Animateというツールを聞いたことはありますか?クリエイティブ クラウドのメンバー登録をしている人は、「聞いたことあるけど、何するツール?」という方もいるかと思います(私もそうでした…)。Edge AnimateはアニメーションやインタラクティブなコンテンツをFlash感覚で作成できるツールです。簡単な使い方を、サンプルも交えて紹介します! Adobe Edge Ani... 続きを読む

GoogleドライブにWebホスティング機能が追加 - ITmedia ニュース

2013/02/06 このエントリーをはてなブックマークに追加 345 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webホスティング機能 Googleドライブ プレビュー

米Googleは2月5日(現地時間)、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。 使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にする フォルダにWebページを構成するHTMLファイルやCSSファイルなどの一式をアップロードする フォルダ内のHTMLファイルを開く 編集ページのメニューバーにある「プレビュー」をクリッ... 続きを読む

静的サイト生成という「古くて新しい手法」の復活 - モジログ

2012/12/06 このエントリーをはてなブックマークに追加 189 users Instapaper Pocket Tweet Facebook Share Evernote Clip モジログ 復活 サイト生成 generation 新しい手法

この数年くらいで、主にプログラマのあいだに、「静的サイト生成(static site generation)」への人気が復活しつつあるようだ。 「静的サイト生成」の「静的サイト(static site)」とは、ウェブサイトのすべてのページが、あらかじめHTMLファイルになっているようなウェブサイトを指す。データベースなどを使わず、HTMLファイルを手作業で作っているようなサイトは、すべて「静的サイ... 続きを読む

フォルダー構造を丸ごとHTMLファイルで保存・検索などができるフリーソフト「Snap2HTML」 - GIGAZINE

2012/08/07 このエントリーをはてなブックマークに追加 225 users Instapaper Pocket Tweet Facebook Share Evernote Clip 起動 USBメモリ 印刷 ファイル GIGAZINE

フォルダー構造が複雑なデータを誰かに渡すとき・参考資料にフォルダー構造を利用するとき・PCをすぐに操作できないときなどに、フォルダー構造をHTMLファイルにして、ファイルの確認や印刷などができるフリーソフトが「Snap2HTML」です。USBメモリで持ち運べることが可能で、検索する機能があり、Windows XP・Vista・7上で起動可能となっています。 ダウンロード、操作方法については以下から... 続きを読む

HTMLとJSだけで何か作るときの - hitode909の日記

2012/05/05 このエントリーをはてなブックマークに追加 340 users Instapaper Pocket Tweet Facebook Share Evernote Clip 制約 HTML プレイヤー hitode909 バス

HTMLとJSだけで何か作ることが多くて,開発環境をどう作るかとか,ノウハウみたいなのがたまってきたと思う. ローカルのHTMLファイルをブラウザで開くと,いろんな制約がある.たとえば,ファイルAPIを使えないとか,YouTubeのプレイヤー貼り付けできないとか,/js/みたいに絶対パスで指定することもできない.ページ1枚なら他のページにリンクとかいらないけど,ウェブサイトを作ってるときとかは,/... 続きを読む

[JS]文字を楽しく見せる、カーブ状に簡単に配置できるスクリプト -Arctext.js | コリス

2012/01/25 このエントリーをはてなブックマークに追加 120 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス animate Lettering.js スクリプト

Demo 4: Set/animate 「Animate me」でアニメーション。 Arctext.jsの使い方 Arctext.jsは「Lettering.js」をベースに文字をパスに沿わせて正しく回転させ配置します。 Lettering.jsについては、下記を参考ください。 HTMLファイルを汚さずに細かい設定でspanを挿入できるスクリプト -Lettering.JS では、Arctext.... 続きを読む

jQuery Mobileを使ったシンプルなHTMLファイルを作成→ダウンロード出来るWebサービス・mobjectify - かちびと.net

2011/05/30 このエントリーをはてなブックマークに追加 287 users Instapaper Pocket Tweet Facebook Share Evernote Clip mobile 直感 jQuery Mobile HTML 作成

なかなか良かったのでご紹介。jQuery Mobileを使ったスマフォ向けのHTML ファイルをオンラインで作成出来る シンプルなWebサービス・mobjectifyで す。直感のみで作成することが出来ま す。ユーザー登録も不要なのはいいですね。 jQuery Mobileのサンプルを自作してダウンロード出来ます。いくつか似たようなサービスがあった気がしますけど・・これはこれで覚えておいて損は無さ... 続きを読む

ローカルのHTMLファイルからどこまで読み取れるか選手権 2011 - 金利0無利息キャッシング – キャッシングできます - subtech

2011/04/25 このエントリーをはてなブックマークに追加 414 users Instapaper Pocket Tweet Facebook Share Evernote Clip subtech 利息キャッシング 金利 選手権

ブラウザ開発者の間では、よく知られている問題だと思うけど、普通にインターネットを使っているユーザーからすると、あまり知られていないのではないかと思うので書く。 例えば ~/.ssh/id_rsa にSSHの秘密鍵を保存している平均的なMac OS Xユーザーが居るとして、こういう var req = new XMLHttpRequest; var username = locat... 続きを読む

FlashサイトをHTML5形式に変換する「FL2HTML5(仮)」 - GIGAZINE

2010/09/16 このエントリーをはてなブックマークに追加 193 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE iPhone Flash 生成 ムービー

iPhoneやiPadはFlashが動かないため、Flashでできたサイトの閲覧が不可能でしたが、この「FL2HTML5(仮)」はFlashで構築されたサイトを解析してHTMLファイルを生成、Flashサイトにおけるサイト構成を再現してくれるとのこと。これによって作成されたHTMLファイルはiPhoneやiPadなどで閲覧可能になるそうです。 実際にどういうように動くのかというムービーは以下から。... 続きを読む

HTMLをWPテーマ化する時の手順リスト - かちびと.net

2010/06/29 このエントリーをはてなブックマークに追加 516 users Instapaper Pocket Tweet Facebook Share Evernote Clip HTML net 手順リスト index.php ベーシック

一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リスト STEP.1 HTMLをindex.php、... 続きを読む

窓の杜 - 【REVIEW】さまざまなプログラミング言語のソースコードを構文に従って色分け「Highlight」

2010/03/29 このエントリーをはてなブックマークに追加 286 users Instapaper Pocket Tweet Facebook Share Evernote Clip highlight RTF REVIEW 構文 HTML

REVIEW(10/03/29) さまざまなプログラミング言語のソースコードを構文に従って色分け「Highlight」 150以上の言語に対応、HTML/XHTML/RTFなどの形式で出力できる 「Highlight」v2.15 色分けしたソースコードをHTMLファイルとして出力し、Webブラウザーで閲覧した様子 「Highlight」は、さまざまなプログラミング言語のソースコードを構文に従って色... 続きを読む

hail2u.net - Weblog - Web開発周りのVimの設定

2009/10/31 このエントリーをはてなブックマークに追加 324 users Instapaper Pocket Tweet Facebook Share Evernote Clip vim vimrc Weblog hail2u.net CSS

HTML/CSS/JavaScriptを書くためのVimの設定やスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的する方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType htm... 続きを読む

 
(1 - 25 / 33件)