Mezzanineとは Python・Django製のCMSです。WordpressやMovable Typeのようなものです。サードパーティや自作のDjangoアプリとの連携が容易で、柔軟なサイト運営が可能です。 http://mezzanine.jupo.org/ 日本での情報があまり無いのでひとまず導入部分を書いていきたいと思います。 はじめかた 準備 今回はPythonの開発環境があることを前提としますので、virtualenvやpyenvなどで環境を用意しておきます。 具体的にはpyenv local mypythonやworkon mypythonをした状態ですが、MacなどのデフォルトのPython環境を使ってかまわないのであればこれらのコマンドは気にする必要はありません。 インストール 公式サイトに従って
PythonのWordPressライクなCMS:Mezzanine オープンソースのCMSというとPHPのWordPressが有名ですが、PythonにもCMSがあります。有名なのとしてMezzanineがあります。 MezzanineはWordPresをかなり意識した管理画面となっており、WordPressユーザーも違和感なく使えると思います。WordPressに比べて標準機能の豊富さをウリにしています。今回はそのMezzanineの導入方法をご紹介します。 mezzanine.jupo.org Mezzanineの導入 MezzanineはDjangoフレームワークを使って開発されており、導入に必要な環境は以下の通りです。今回はAmazonLinuxにPython3.6で環境構築しました。 Python 2.7 to 3.6 Django 1.8 to 1.10 まず手始めにPytho
ホームページやECサイト、ランディングページやなど、「レスポンシブ対応しているページを作成したい」というときに必要となるのが、HTMLを使用したコーディングです。コーディングは専門知識が必要となるため、思い立ったその場で誰でもすぐに作成できる、というわけにはいきません。 そこで今回は、無料のオンラインツール「Stitches」を紹介します。 「Stitches」は、コーディング不要、ドラッグ&ドロップでページが完成し、同時にHTMLファイルも生成できるジェネレーターツールです。現在使用しているCMSから乗り換えの必要もなく、「ページを追加したい」「ランディングページを作成したい」という方におすすめです。 Stitchesとは Stitches Stitchesとは、パーツを組み合わせるだけで簡単にHTMLを作成できるジェネレーターツールです。 コーディングに関する知識があまりなくても、デザ
A powerful desktop app for creating responsive websites using the Bootstrap framework. Run Browser Demo Bootstrap Studio is a powerful desktop app for designing and prototyping websites. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. The app is built on top of the hugely popular Bootstrap framework, and exports clean and semantic
Bootstrap は最も人気のある CSSフレームワークです。 Twitter 社により開発されたという安心感があり、慣れている方も多いかと思います。私のようにデザインセンスのないプログラマーにとっても、それっぽい画面ができるのも嬉しいです。 しかしゼロから UI を作ろうと思うと、荷が重い作業になります。そんなとき、手っ取り早くベースになるものがあれば助かります。また HTML をガリガリと書くのではなく、 GUI ベースのエディタがあると作業が捗るでしょう。 今回は、 Bootstrap を用いた UI を簡単に作ることができる GUI エディタである Bootstrap Studio をプログラマー目線で紹介します。 Boottstrap Studio は Bootstrap フレームワークを使用してレスポンシブ Web サイトを作成するためのデスクトップアプリになります。 Boo
無料レスポンシブウェブデザインHTMLテンプレートTemplate ホームページ制作会社でも使用できる商用利用が可能な無料レスポンシブHTMLテンプレートです。企業サイト(会社概要サイト・企業案内サイト)として、店舗サイトとして、各種サービスサイトとしてなど様々な用途にご利用頂けます。テンプレート内の写真・イラスト等につきましてはそのままご利用頂くことが可能です。利用報告なども特に必要ありません。 テンプレート内の「Design by http://f-tpl.com」のリンクは外さないようにお願い致します。リンクを外したい場合は「クレジット表記を外したい場合」のページをご確認ください。 HTMLテンプレート スマートフォンサイト(iPhone、Android)、タブレット端末(iPad)にも対応のレスポンシブ・ウェブデザインのHTMLテンプレートです。1つのファイルのカスタマイズでPC向
3000番ポートは、Mojoliciousの開発サーバーのデフォルトのポートです。 開発者が複数いる場合は、必要に応じて、パケットフィルタから別のポートを開放しましょう(3001番、3002番など)。 8080番ポートは、Mojoliciousの本番サーバーのデフォルトのポート番号です。 複数のWebアプリケーションを動かす場合は、必要に応じて、パケットフィルタから別のポートを開放しましょう(8081番、8082番など)。 SSHクライアントの利用 パソコン上からSSHでサーバーへの接続して、コマンド実行とファイル編集ができるようにしましょう。 SSHクライアントでコマンド実行 SSHクライアントでSSHサーバーに接続してコマンド実行するツールに、Windowsの場合はTeraTermがあります。 Linuxサーバーにコマンドを送る - TeraTermのインストールと使い方 PuTTYな
はじめに 最初に新しいUbuntu 20.04サーバを作成するときは、基本的なセットアップの一部として、いくつかの重要な設定手順を実行する必要があります。これらの手順を踏むことで、サーバーのセキュリティと使い勝手が向上し、その後のアクションに必要な強固な基盤を手にすることができます。 ステップ1 — rootとしてログインする サーバーにログインするには、サーバーのパブリックIPアドレスを知る必要があります。また、パスワード、あるいは認証用のSSHの鍵をインストールしている場合には、rootユーザーアカウントのプライベートキーが必要になります。まだサーバーにログインしていない場合は、このプロセスを詳細に説明しているSSHとDropletsに接続する方法のガイドを参照してください。 サーバーに接続していない場合は、以下のコマンドを使用してrootユーザーとしてログインしてください(コマンドの
安全なウェブサイトの作り方 - 1.5 クロスサイト・スクリプティング 概要 ウェブアプリケーションの中には、検索のキーワードの表示画面や個人情報登録時の確認画面、掲示板、ウェブのログ統計画面等、利用者からの入力内容やHTTPヘッダの情報を処理し、ウェブページとして出力するものがあります。ここで、ウェブページへの出力処理に問題がある場合、そのウェブページにスクリプト等を埋め込まれてしまいます。この問題を「クロスサイト・スクリプティングの脆弱性」と呼び、この問題を悪用した攻撃手法を、「クロスサイト・スクリプティング攻撃」と呼びます。クロスサイト・スクリプティング攻撃の影響は、ウェブサイト自体に対してではなく、そのウェブサイトのページを閲覧している利用者に及びます。 本物サイト上に偽のページが表示される 偽情報の流布による混乱 フィッシング詐欺による重要情報の漏えい 等 ブラウザが保存している
Just kidding, you don't need to install anything. 😃 To use PyScript you can either download it and follow the instructions, or add the following lines to your page. <link rel="stylesheet" href="https://pyscript.net/releases/2024.1.1/core.css" /> <script type="module" src="https://pyscript.net/releases/2024.1.1/core.js"></script> Click here for more info on how to use PyScript. Say Hello to PyScri
これから始める方たちへ みなさま色んな理由が有って、Web制作、開発をやってみようと考えたと思う。 今の仕事の先行きが不安、スキルが身につかない、仕事がつまらない、etc...。 そして、やろうと意気込んでみたは良いものの、何から始めていいのか分からない。 そんな方たちの手助け、道しるべになればと思い、ページを書いていこうと思う。 かくいうワシも決して優秀な方ではなく、面白いと思えるまでには1年くらいかかった。 最初のころは中々上手く作れず、質問できる人も居らず辛いことも有った。 初学者が味わうそんな辛さをちょっとでも和らげ、少しでも楽しんで進めて頂ければ幸いである。 令和3年6月24日 ばあプロ Web制作、Web開発の違いについて よく質問を受けるので、最初にこの違いだけ解説する。 一般的にWeb制作と言えば、HTML、CSS、JavaScript(jQuery)を用いて、Webサイト
Streamlitを知っていますか? Streamlitを使えば、簡単にWebアプリが作成できます。 それもPythonだけでWebアプリを作れてしまいます。 html、css、JavaScriptのスキルがなくても作れるのです。 さらには、簡単にそのWebアプリを公開することができます。 面倒な設定などは不要で、Webアプリケーションを公開できるのです。 本記事の内容 Streamlitとは?Streamlitのシステム要件StreamlitのインストールStreamlitの動作確認 それでは、上記に沿って解説していきましょう。 Streamlitとは? Streamlitとは、見栄えの良いWebアプリを作成するためのPythonライブラリです。 Streamlitは、オープンソースであり、自由に使うことができます。 また、Webアプリと言っても、以下の内容を表示することに特化しています
どうも、DA 事業本部の大澤です。 The fastest way to build custom ML toolsと謳っているStreamlit をさわってみました。HTMLやJS、CSSをいじることなく、Pythonのスクリプトからウェブアプリが作れて便利さに感動しました! streamlit/streamlit: Streamlit — The fastest way to build custom ML tools 今回はStreamlitに含まれるサンプルアプリを動かした後に、Pandasのデータフレームを使った簡単なウェブアプリを作ってみたので、その内容を紹介します。 やってみる インストール Streamlit は pip でインストールすることで使えます。 pip install streamlit サンプルを動かす デフォルトでサンプルアプリケーションが用意されているので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く