デザインでシステムの品質が決まるわけではありません。しかし、それでも全くデザインされていないシステムよりも見た目が整っている方が安心して使えるでしょう。それは管理画面でも同様です。 通常、管理画面は利用者が限定的なため、デザインが適当になってしまいます。そんな寂しい管理画面もDevOOPSを使えば一気に見た目が向上するでしょう。 DevOOPSの使い方 DevOOPSには多くのテンプレートが用意されています。これらを組み合わせるだけで格好良い管理画面ができあがりそうです。Bootstrapベースなので、カスタマイズもそれほど難しくはないと思います。 DevOOPSはHTML5/JavaScript製、GPL v3のオープンソース・ソフトウェアです。 devoopsme/devoops
SPA (Single Page Application) を書いていると、いちいちブラウザをリロードするのが面倒で、かつ js を minify してページをリロードするといった面倒な手間を出来れば何も設定せずにやりたい(もしくは微量な設定だけでやりたい)、という思いから goemon というツールを書きました。 mattn/goemon - GitHub https://github.com/mattn/goemon goemon は、コマンドラインツールとして使います。まず $ goemon -g > goemon.yml で goemon.yml を生成します。個人的にカスタマイズしたい人は生成されたファイルを変更して使って下さい。 # Generated by goemon -g livereload: :35730 tasks: - match: './assets/*.js'
2014年でも html を解析してゴニョゴニョするなんて要件はまだまだある訳で、そんな時に便利なのが pup というコマンドです。 EricChiang/pup - GitHub README.md pup pup is a command line tool for processing HTML. It reads from stdin, prints to stdout,... https://github.com/EricChiang/pup 通常、こういったツールは perl や ruby、python 等で提供されランタイムがインストールされていない環境で動かすのはちょっとした手間が発生していました。しかし pup ならば golang で出来ているのでバイナリ1つあれば動かせます。 使い方は、例えばこのサイトのパーマリンクのHTMLを得たいならば curl -s http:
HTML5test how well does your browser support HTML5? Your browser About the test HTML5test is dead. It's been dead for a while. In fact it hasn't been updated since 2016. And that is fine. This website has served it's purpose and helped popularise HTML5 with a general audience and developers. It pushed companies to invest in their browsers and it kept them honest. And from talking to people working
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 今年からフロントエンドエンジニアにシフトチェンジして5ヶ月がたち、これがないと仕事にならんわレベルのツールを整理がてらに晒していこうと思う。 スペック的にはJava歴が10年くらい。 割とツール好きで、できればキーボード（カーソルキー以外）だけですべての操作を完結したいと思っている。 そんなおっさんがお送りします。 5ヶ月間のお仕事内容 PC/タブレット向けのAngularJSを使ったフロントエンド開発 HTML/CSS(SASS)/Javascript PCはIE8~、Chrome。モバイル端末はiPad、Nexus7 職場での
地味に便利なツールのご紹介。 Dead-LinksでURLを指定すると、そのURL以下のページでリンク切れをしていないかをチェックしてくれる。 リンク切れがあると恥ずかしかったり、ユーザーや顧客を逃したりしてしまうだろう。 すでに似たようなツールもあるが、ドメインがわかりやすいし、インターフェースもシンプルなので覚えておいてもいいだろう。 ちょっとチェックに時間はかかるが、定期的にこのサイトで自分のブログなり自社サイトなりを調べてみるといいだろう。
今日は、かなり便利なツールを紹介します。HTMLやメルマガ原稿を他のだれかが修正したときに、どこがどう変わったかをわかりやすく表示してくれるツールで、無料で利用できるものです。 最強（？）の差分表示ツール「WinMerge」その名は「WinMerge（ウィンマージ）」。Windows専用ですが。何が便利って、よくある差分表示ツールは行単位で「この行違ってる」と表示するだけなのですが、WinMergeはその行のなかでどの文字が違っているかを表示してくれるのです。 HTML原稿でも、メルマガ原稿でも、Wordの変更履歴やAcrobatのコメントで修正指示をしてもらえればわかりやすいですが、最終版相当でチェックということで、そうもいかない場合も多々あります。 WinMergeなら、どこがどう修正されたのか全体を一目でチェックできる上に、1か所ずつその変更を調べていくのも簡単。 というのも、メイン
ブラウザをリロードして欲しい時に勝手にリロードしてくれるウェブ開発者向けのMacOSX用アプリケーションです。 HTMLやCSSなどのファイル編集を監視し、保存と同時に今開いているブラウザのタブをリロードします。動作確認をするためにブラウザをリロードする手間が省きウェブ開発に快適さをもたらします。 対応するブラウザは、現在のところChromeとSafariです。 ダウンロード 使い方 CHANGELOG フィードバック 過去のビルド ダウンロード 以下のリンクからzipをダウンロードし、適当な場所に解凍すると使えるようになります。動作確認はMaxOSX Lionで行なっています。 WatchReload-0.0.1.app.zip 使い方 WatchReloadを起動すると、メニューバーにWatchReloadのメニューが表示されるようになります。 メニューからStart Watching
上記ツールの詳細や、ほかのさまざまな無料Webサイト作成ツールについて知りたい読者は本稿に併せて、連載「どこまでできる？ 無料ツールでWebサイト作成」もぜひご参照ください。 Webサイト開発はテキストエディタだけで行えるのか？ ■ 今後もWebサイト開発にHTMLコーディングは必要なのか？ Web標準にのっとった制作、CSSによるレイアウト、Ajaxなど、HTMLとCSS、JavaScriptなどで実現可能なことは意外と多いものだ。その中でも、特にAjaxはこれまでシステム開発をしてきたプログラマが得意とする部分だろうし、世の中のデザイナーには、デザインだけではなくこれからはHTML制作に進もうと考えている人もいることだろう。 こういったことから、たとえ世の中がリッチなコンテンツ、Web 2.0、CMSという方向に進んでいったとしても、HTMLベースのWebサイト構築というものは、尽きる
Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する「Excel to HTML」。アドバンスソフトウェア Webアプリケーションにおいて、ユーザーの入力に対して簡単な計算や変換をした結果をWebページ上に表示したい、というニーズはよくあることでしょう。例えば業務用のWebアプリケーションなら、いくつかの金額を入力すると合計を表示するといった動作は非常に一般的です。 アドバンスソフトウェアが発表した「Excel to HTML」は、こうしたWebページをExcelから簡単に生成できるWindowsアプリケーションです。計算式を含むExcelのテーブルをHTMLとJavaScriptに変換、Webページに簡単に埋め込むことができます。入力するセル間の移動はExcelと同様にタブキーで行えます。 Excelテーブルで設定された表示形式や
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
C/C++/C#/Visual Basic/Java/JavaScript/SQL/XML/HTML/JSP/ASP/PHPに対応 各種プログラム言語のソースコードをWebページへ掲載するために、予約語やコメントを見やすく色分け表示したHTMLソースを生成できるソフト「SourceConverter」v1.0.0が、7日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。動作には、.NET Framework 2.0が必要。 「SourceConverter」は、プログラムのソースコードをWebページ上で見やすく表示させるためのHTMLソースを生成できるソフト。予約語の色分けやインデントなどを、開発環境上での見た目と同じように表示できる。C/C++/C#/Visual Basic/Java/JavaScript/SQL/XML
Web担のサイトを少しずつ改善するなかで、久しぶりにサイト全体にわたってHTMLが正しく使われているかをチェックしてみました。結論としては、やっぱり、ちゃんとHTMLチェックとかしないとダメですね……。 というのも、先日、Operaでだけトップページの表示が崩れるという現象があったのです。Web担では、記事ごとのHTMLは基本的にすべてHTMLチェッカーを通して確認していて、記事本文のHTMLは公開前にチェックされています。しかし、一覧ページに表示されるHTMLの部分（「ティーザー」と呼んでいます）がそのチェックフローから漏れていたことが判明したのです。早速、社内で使っている記事HTMLチェックの仕組みを修正して、ティーザーもHTMLチェックされるようにしました。 そういうことがあったので、サイト全体のテンプレートなどもHTMLチェックを通してみました。もともと、Web担のテンプレートのH
さまざまなテキストエディターでHTMLタグ入力補完機能を利用できるようにする支援ソフト「HTMLAssistant」v1.06が公開された。Windowsに対応するフリーソフトで、編集部にてWindows XPでの動作を確認した。現在、作者のホームページからダウンロードできる。 「HTMLAssistant」は、タスクトレイ常駐型のHTMLタグ入力支援ソフト。普段利用しているさまざまなテキストエディター上で、HTMLタグの入力補完を実現できるのが特長。 本ソフト起動中に任意のテキストエディターで“<”を入力すると、HTMLタグの要素や属性の候補リストがキャレット位置にポップアップ表示される。このとき、1文字入力するたびに該当するHTML要素が絞り込まれていく仕組み。また、属性に関してもキャレット位置の要素に対応する候補のみに絞り込むことが可能。 本ソフトは多くのテキストエディターに対応して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く