無料で使えるWebアプリの管理画面用テンプレート3種類 | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー Webアプリをつくるとき，管理画面のデザインをどうするかはなかなか悩ましい問題。スタッフや内部の人間しか目にしない画面だけど，できれば手軽に，かつ使いやすくてクールなデザインを使えれば嬉しい。 仕事で使うのでいろいろ調べていたら，無料で使える管理画面をいくつか見つけたので3つほど紹介します。 Free Html/CSS & jQuery Admin Panel – INADMIN 無料とは思えないクオリティの管理画面用テンプレート。jQueryを使って，確認用のポップアップや階層開閉のアニメーション，階層メニューなども実現している。HTMLがシンプルなので，テンプレート作成もとても楽そ
初心者Webアプリケーション開発者がチェックすべき情報源 - ハニーポッターの部屋
初心者Webアプリケーション開発者がチェックすべき情報源を集めてみた。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。 @ikepyonさんのご指摘により「LASDEC ウェブ健康診断」を追記した。 はてなブックマークの関連リンクによさそうな情報源があったので追記しました。それから、カテゴリを作りました。 ■Webサイト構築 安全なウェブサイトの作り方 http://www.ipa.go.jp/security/vuln/websecurity.html 安全なウェブサイトの作り方(全92ページ、2.09MB） セキュリティ実装 チェックリスト（Excel形式、33KB） 安全なSQLの呼び出し方（全40ページ、714KB） ■Webアプリケーション開発 セキュア・プログラミング講座 http://www.ipa.go.jp/security/awareness/ve
[ソーシャルアプリ] LAMP で作るソーシャルアプリの負荷対策〜アプリとインフラの調和のテクニック〜 - ore*flow
本当は出席する予定だったのですが、仕事の都合により現地には行けず。Ustreamでの視聴となりました。http://www.ustream.tv/channel/social-application-seminarせっかくなので、内容のまとめ。脚注は、メモしておいた自分のコメントを残しています。弊社のソーシャルアプリ「ボクイマ」は、PHPではなくJavaで実装されていることを、前提にしています。 KLabの説明など 2000年8月設立 「DSAS Hosting」というサービスを提供 講演者の方の説明など 森本さん 2006年入社 2009年秋 ソーシャルアプリの担当に 発表内容について 注意点モバイル向けの説明フレームワークは、CakePHP, Symphony などを利用 ただし、個別の話はしないFlashの動的合成の話は、時間制約でしない*1アジェンダ なぜ高負荷対策が必要か？ 高負
第5回 アプリケーションを作るための手順とその準備 | gihyo.jp
前回の連載では、開発環境の構築を行うための手順を日立のCosminexus（コズミネクサス）を例に学びました。今回は、アプリケーションを作るための手順とその準備について解説します。ここではアプリケーション作成に、Eclipseをベースとした統合開発環境である「MyEclipse」を使います。 サンプルアプリケーションの仕様 まず最初に、これから作成するアプリケーションの仕様を押さえておきましょう。ここでは、先にインストールしたCosminexusの開発環境に標準添付されている“Bank”という名のアプリケーションを例題として取り上げます。 開発するBankアプリケーションは、銀行の担当者が顧客の資金を当座預金口座から普通預金口座へ移動させるプログラムです。表示された画面上で顧客のユーザIDと取引額を入力し、［送金］ボタンをクリックすると、指定した顧客の当座預金口座から普通預金口座に、
Webプログラミング素人が利用者9万人のmixiアプリを作るまで - 毒蛇は急がない
はじめに 最近、 文系ド素人がmixiアプリを開発〜リリースするまでのまとめ http://d.hatena.ne.jp/kazu0620/20100412/1271071223 というエントリーが話題になりましたね。自分もwebプログラミング素人でmixiアプリを作ってみたので、ちょっと便乗して、自分がmixiアプリを作るまでのプロセスをまとめてみました。 これからアプリを作る人の参考になれば幸いです。 kazu0620さんは、個人で作っていたみたいですが、自分は会社で作りました。会社といっても、自分含め従業員数3人の超零細企業でフリーランスの延長線上みたいなかたちでやっている会社ですが。 ちなみに会社のサイトはこちら。 作ったアプリ 「ふしぎな生き物 ふにゃもらけ」 http://mixi.jp/run_appli.pl?id=9443 リリース日：3/23 実質開発期間：8ヶ月 週間
管理プログラムがGoogleにインデックスされないようにする ２０１０年０４月０２日
ＷＥＢインベンターのご利用に心から感謝いたします。 さて、当社のカートを利用しているお店で個人情報流出の事故が発生しました。それは、管理プログラムがGoogleにインデックスされてしまったことによるものです。原因は調査中ですが、しかし、そのような場合でも検索エンジンに拾われないような対策を施してありますので、お知らせいたします。 対処方法： １．パスワードの管理に気をつける ２．最新の管理プログラムを使う ３．検索エンジンにインデックスされてしまったときの対処 ４．今後の対応 ━━━━━━━━━━━━━━━━━━━━━━━━━━━ １．パスワードの管理に気をつける ━━━━━━━━━━━━━━━━━━━━━━━━━━━ パスワード付きのＵＲＬが検索エンジンに拾われないようにするために気をつけてください。間違っても、パスワード付きのＵＲＬを一時的にもホームページで公開しないようにしてください
起業家にお薦め : 事業の成長を支援するウェブアプリ トップ25 » SEO Japan
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 起業家に役立つ便利なウェブアプリを分野別に25紹介。英語版サービスばかりですが、日本語で使えるモノもありますし、米国の起業家がどのようなサービスを使って仕事をしているのか、と言う参考にもなります。筆者は日本でもお馴染み、ヒートマップのASPサービスを最初に開発したCrazyEggのCEOです。 小規模なビジネスを運営するのは決して楽ではない！通常の管理業務をこなし、財政事情を把握し、さらに、マーケティングの成果を測定しなければいけないこともある。これはほんの序の口だ… 毎日他にも多くの仕事をこなさなければならないのだ。 しかし、幸いにも、作業を効率化させるだけでなく、ビジネスを成長させる上でも役
優れたウェブアプリケーションを構築する鍵--フレッド・ウィルソン氏の提唱する10の法則 - builder by ZDNet Japan
［編集者からの注記：本稿の筆者Andrew Mager氏は、米国時間2月22日から24日までの日程でマイアミにおいて開催された「Future of Web Apps」（FOWA 2010）カンファレンスの会場からレポートしてくれた。］ Union Square VenturesのFred Wilson氏は2月23日の朝、マイアミで開催中の「Future of Web Apps」（FOWA 2010）で講演を行い、優れたウェブアプリケーションを構築するための10個のティップスを披露した。本記事ではその内容を紹介する。 スピード スピードは単なる特長ではない。最も重要な特長である。このことはパワーユーザーに対しても、一般的なユーザーに対しても当てはまる。パワーユーザーの方が、遅いアプリケーションに対して寛容であるものの、スピードは追求するべきである（お年寄りが耐えられるぎりぎりのスピードを目指
43 Essential Controls for Web Applications | UX Booth
43 Essential Controls for Web Applications March 6th, 2010 Designing a web application? Familiarize yourself with Rich Internet Application technologies and the best UI controls for creating your application. Rich Internet Application technology has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and t
グーグル、ウェブアプリの脆弱性検査ツール「skipfish」を公開
Googleは米国時間3月19日、オープンソースのウェブセキュリティスキャナ「skipfish」を公開した。ウェブアプリケーションをスキャンして、セキュリティホールの有無を調べられるものだ。 skipfishでウェブアプリをスキャンすると、ブラインドSQLやXMLインジェクションといった「巧妙な仕掛け」を含む脆弱性の有無が確認できると、Googleの開発者Michal Zalewski氏はskipfishのwikiで述べている。 skipfishは対象サイトへの再帰的クロールと辞書ベースの調査を実行し、その結果を表示したインタラクティブなサイトマップを作成する。脆弱性がある場合には強調表示する。また、skipfishが作成する最終レポートは、セキュリティ評価の判断材料として利用できる。 同様のスキャンツールは、「Nikto」や「Nessus」など、すでに商用でもオープンソースでも複数出回っ
WEBアプリケーション作成に使われる４３のコントロールパターン:phpspot開発日誌
43 Essential Controls for Web Applications | UX Booth WEBアプリケーション作成に使われる４３のコントロールパターンがまとまっています。 ４３のパターンが網羅されているので、部分的に、どういうインタフェースが良いか？という点について迷った際にエントリを眺めるだけで参考になる部分がありそうです。 オートサジェスト カルーセル カレンダー、スケジュール グラフ、チャート コンボボックス スライダ ４３と言わずもっとありそうな気もしますが、ある程度のパターンを知っておき、適材適所のUIを考えてユーザビリティを上げるのに役立てることが出来そうですね。 それぞれのUIにも沢山のインタフェースがあると思いますが、その場合は「パーツごとのデザインが盛り沢山で参考にできるPattern Tap」で紹介したPatternTapなどを更に参考に出来そうです
PHP と Web アプリケーションのセキュリティについてのメモ
このページについての説明・注意など PHP は、Apache モジュールや、CGI、コマンドラインとして使用できるスクリプト言語です。このページでは、主に PHP における、Web アプリケーションのセキュリティ問題についてまとめています。 Web アプリケーションのセキュリティ問題としては、以下の問題についてよく取り挙げられていると思いますが、これらのセキュリティ問題について調べたことや、これら以外でも、PHP に関連しているセキュリティ問題について知っていることについてメモしておきます。 クロスサイトスクリプティング SQL インジェクション パス・トラバーサル(ディレクトリ・トラバーサル) セッションハイジャック コマンドインジェクション また、PHP マニュアル : セキュリティや、PHP Security Guide (PHP Security Consortium) には、PH
テキストエリアを使ってコーディングしやすくする·CodeMirror MOONGIFT
CodeMirrorはJavaScript製のオープンソース・ソフトウェア。Webブラウザのテキストエリアの貧弱さは言うに事欠かない。メモ帳レベルの機能しかなく、とても使い勝手が悪い。HTMLを作成する場合はWYSIWYGなエディタに変換するCKEditorのようなソフトウェアも存在するが、Webブラウザ上でプログラミングしたいと思うような機能はない。 テキストエリアをハイライト もしWeb上で開発者向けのサービスや環境を提供しようと思うならCodeMirrorを使ってみるといいだろう。CodeMirrorはテキストエリアを開発のしやすいエディタ環境に変化させてくれるソフトウェアだ。例えばJavaScript/HTML/CSS/Python/Rubyといった言語向けにハイライト表示する機能がある。 それらは各言語向けのCSSとJavaScriptで作られたパーサーによって作られている。また
23 Brilliant Web Apps To Simplify Designer’s Work Life - SmashingApps.com
SmashingApps.com now covering digital world, life skills, point of views and lifestyle This is one of the very best list of its kind where you can find the simplest online web designer’s tools that are developed for designers and may be very helpful for you as well when you want to get your work done or just for fun. I hope web designers will like this list, but you can also use them and will love
a-blog cms | 使いやすさで選ぶ国産ローコードCMS
プログラムなしで会員制サイトを構築できる 会員制コンテンツなどの通常はプログラミングが必要な仕組みもプログラムを一切書かかずに構築できます。 プログラムを書いたりロジックに悩む時間がなくなり、素早く目的のサイトを構築します。 さまざまな補助機能とともにフォーム機能が標準搭載 サイトの任意の場所にフォームを設置でき、入力データのチェックやコンバート機能を搭載。複数ステップのフォームも作ることができます。 さらに外部連携機能を使って、フォーム機能を拡張してデータを活用することができます。 テンプレートにロジックを持ち込まない a-blog cms のカスタマイズでは独自のテンプレート記法を採用しており、テンプレートにプログラムのロジックを持ち込みません。 これにより、PHPなどのプログラムを書くことによるセキュリティリスクを排除し、HTMLと独自のテンプレート記法を使ってWebサイトを自由に構
Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
Webアプリケーション作成の一例
[ホームへ戻る] [前へ] [上へ] [次へ] Webアプリケーションの作成の一例（家計簿のアプリを作ろう） ここでは、アプリケーションの作成の一例として、家計簿のWebアプリケーションを題材にして、開発プロセスを説明したいと思います。データ中心指向的なアプローチで進みます。 （詳細には立ち入らず要点をさらっと流していきます。また機能面についてのみ進めます。） 要件を明確にする まずは、どんなアプリケーションを作成するのかを明確にします。アプリケーションの概要、目的、特徴を列挙します。 家計簿をWeb上で記帳できるようにする マルチユーザ（セキュリティに配慮）、マルチグループ 携帯からの利用 CSVから取り込み可能 CSV出力可能 様々な統計可能 銀行口座、クレジットカードをサポート（数無制限） 固定的な出費はあらかじめ表示 家計の単位は、グループとします。グループは階層的に構成できるよう
User Interface Design - 12 Useful Techniques — Smashing Magazine
Last week, we presented 10 Useful Web Application Interface Techniques, the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
11 Absolutely Necessary Web-Based Tools for a Freelance Web Designer | CHROMATIC