9割を自宅で完結？Jamstack を学んで開発環境をイチから作ってみた話 | IIJ Engineers Blog
イラストレーターの妻が「ポートフォリオサイト欲しい」と言い始めたので、面白そうだと思い開発を開始しました。 静的サイトなら Jamstack ってのがイイらしいと最近よく聞くものの、何かはわからないので勉強してみて、巷の Jamstack 構築環境をできる限り自分の家の中に作ってみます。 結論から言うと適材適所なのですが、皆さんもコーポレートサイトやブログなど「これって Jamstack がハマるんじゃないかな」と思える箇所があると思います。 是非、検討する材料としてこの記事をご覧ください。 Netlify 社が定義した JavaScript + API + Markup (JAM) の構成を Jamstack と呼ぶようです。 まずは Jamstack の何が嬉しいか、見ていきましょう。 従来の Web サイト 従来の構成でサーバサイドがレンダリングした Web サイトを表示するまでの
Next.js+microCMS+Vercel面白い - ゆーすけべー日記
Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。 Next.js + microCMS + Vercel すごいな。メディアサイト（中身スッカスカだけど）がものの 2 時間でデプロイまでできた。 https://twitter.com/yusukebe/status/1435708770705760256 ということで、メディアサイトを作りながら、Next.js と microCMS と Vercel の面白さをまとめる。 2 時間で作るメディアサイト 例として「ラーメンまとめ！」というメディアサイトを作ってみる。このサイトには ラーメン屋 ラーメン屋のまとめ記事 の 2 つの種類のコンテンツがある。「ラーメン屋」が「名前」「場所」「ラーメン写真」というプロパティを持
microCMS + Gatsby + GitHub Actions + S3 でJamStackのチュートリアル | DevelopersIO
What is Jamstack? ここ数年でよく聞くようになったワード。 Jamstackとはウェブサイトを構築および運用するための、技術の組み合わせです。 JavaScript・API・事前にレンダリングされたMarkupの組み合わせでJamStackとのこと。 (以前はJAMStackといってたけど、最近はJamstackだったりする) Jamstackは、 「ウェブをより速く・より安全に・より簡単に拡張できるように設計されたアーキテクチャ」であり、 生産性を最大化するツールやフレームワーク、ライブラリやワークフローなどを 組み合わせて構築されるもの、とのことです。 ※jamstack.orgより 従来のCMSではアクセスがあったとき動的にページを生成しますが、 Jamstackではデプロイ以前に必要なページを生成します。 具体的には、下記。 Webサイトのフロントエンド全体(HTM
デバッガを利用してWebアプリの脆弱性を分析してみた - とある診断員の備忘録
11/15に開催されたこちらの勉強会に参加いたしました！ デバッガでWordPress本体やプラグインの脆弱性を追いかけてみよう - connpass こちらの勉強会は、「WordPress本体とプラグインの脆弱性をデバッガで追跡することにより、脆弱性の中身について詳しく追跡し、理解を深める」という内容のものであり、なんとあの徳丸浩さんが講師をされています！ 私個人としては、仕事というか半分趣味でゆるゆる脆弱性の検証をしており、今回の勉強会はまさに自分の興味分野にドンピシャな内容だったので、非常に楽しんで参加させていただきましたｗ 私はこちらの勉強会にブログ枠として参加いたしましたので、勉強会の内容について本ブログにてレポートいたします。 分析対象の脆弱性について 今回分析する題材となった脆弱性は以下の二つです。 なお、二つの脆弱性とも徳丸さんが詳細な解説記事をブログにて公開されております
CMSのセキュリティ対策 ～SiteGuardシリーズでセキュリティ強化（その3）～ | さくらのナレッジ
編集部注：SiteGuard Liteについて 本記事にて紹介しております「SiteGuard Lite」は、名称が「SiteGuard Server Edition」に変更されています。適宜読み替えてください。(機能は同じです) はじめに この連載では、「さくらの専用サーバ／さくらのクラウド」で、ホスト型WAF「SiteGuard Lite」を利用するための手順や設定を紹介してきました。 連載の最終回となる今回は、WordPressを中心にCMSのセキュリティについて紹介していきます。 以下のポイントについて、「SiteGuard」シリーズによる対策を含めて、設定方法などを分かりやすく紹介していきたいと思いますので、宜しくお願いいたします。 狙われるCMSの脆弱性 WAFによる対策 WordPress用セキュリティプラグイン「SiteGuard WP Plugin」 セキュリティプラグイ
Simple CMS for static HTML/PHP websites
Sitecake pitched, won and been featured with Features Drag & drop everything Drag & drop items from anywhere: the website, your desktop, other browser window or cloud services like YouTube, Vimeo, Google maps, Twitter, etc. It just works! No template engine required Sitecake is static CMS that works with plain HTML and PHP pages. No need to learn new templating syntax, just add ‘sc-content’ CSS cl
PHP 5.5 で mysql 拡張モジュールが非推奨になり、将来において WordPress を筆頭にさまざまな CMS のアップグレード作業が必要になります
PHP 5.5 で mysql 拡張モジュールが非推奨になり、E_DEPRECATED エラーが表示されるようになりました。将来の PHP のバージョンで削除されます。 mysql 拡張モジュールに依存する CMS を使ってサイトを運用している場合、将来、運用サーバーに導入されている PHP のバージョンの切り替えに備えて、 mysqli もしくは PDO に対応した CMS のバージョンへのアップグレードするか、別の CMS やウェブサービスに切り替える必要があります。 多くの PHP 製の CMS が共有ホスティングにインストールされており、共有ホスティングは比較的古い PHP のバージョンのサポートを続ける傾向にありますが、古い PHP のバージョンを使い続ける場合、PHP のバグやセキュリティの未対応、より新しい PHP のバージョンを最小バージョンとするライブラリや CMS を導
コードの知識が無くてもパワポ感覚でサイト作成できる無料・有料サービス14選 | A!@attrip
最近のウェブサービスの進化は速いもので、htmlやCSSなどのコードが書けなくても、絵が描ければサイトを作成できるようになってきています。 そこで今回は、コードの知識が無くても、マウスでサイトデザイン・レイアウトできる無料・有料サービスを集めてみました。 PC向けサイト作成用 1. Wix ドラッグ＆ドロップで、デザイン・レイアウトが自由自在にできる。おしゃれなテーマテンプレートも充実している。html5で作成されるのも特長。 デザイナー＆コーダーいらなくなるかも？！ウェブツール『WiX』 | A!@attrip 2. Google サイト Googleのサイト作成サービス。まるでWordのような使い心地。 テーマのおしゃれ度と充実度はまあまあかなぁ。 3. Scroll Kit 下へスクロールするランディングページ作成などに便利。絵まで描けてしまうほど自由度高い。 html解らなくてもサ
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ – MARS DESIGN Co.,LTD.
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,129 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,779 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,335 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,661 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,426 views WordPressの導入からデザイン、プラ
WEB制作・運営者必見！2012年に流行る（かも！？）新世代CMS4つを徹底検証 | Inbound Marketing Blog
こんにちは。 CMS開発担当の山口です。 今回は「INBOUNDなWEBサイト」、つまり、お問い合わせがたくさん来るWEBサイトを作るにあたって、欠かせない必須アイテムであるCMSについてお話しします。 ※あらためてCMSとは… WEBサイトのページやコンテンツ、画像などを管理・更新しやすいようにシステム化したもの。 現代のWEBサイトにおいて、CMSでの構築は、マストな要件となってきました。 WEBサイトが「作る」時代から「運用する」時代になって久しく、 その難しさや大変さは周知されてきました。 そこで登場したのがCMS。 運用の簡略化・効率化に貢献し、WEBサイトの懐を大きくするツールとして、 今ではWEB制作現場で当たり前のように使用されています。 WEBサイト制作スキルのないメンバーで運用するCMSを探そう そもそもCMSは古くから各所で開発され、それぞれ違う目的・用途を持って
WordPressでCMSを作るなら絶対に覚えておきたいプラグインいろいろ | Web活メモ帳
WordPressでサイトを作る際に毎回入れるプラグインを人に教える機会があったのでブログでもご紹介します。 新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。 全てのサイトで必ず導入するプラグイン このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。 セキュリティ関係やSEO対策プラグインが主なものですよ。 All in One SEO Pack サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。 SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。 Akismet スパム対策のプラグイン。 オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでO
PHPでリッチなショッピングサイトを構築できる「Avactis」:phpspot開発日誌
Ecommerce Solutions | Avactis: Ecommerce PHP Shopping Cart Software PHPでリッチなショッピングサイトを構築できる「Avactis」。 スキンに対応していて見栄えを変えられる他、CSSによるテンプレートデザインが可能。 ショッピングカートや、PayPal等による決済機能、商品管理や注文統計が見れるリッチな管理画面、検索機能などショッピングカート構築に必要な機能は殆どそろっています。 ショッピングサイト画面。ＵＩもamazon風ですっきり見やすい。 スキン切り替えでデザイン変更が容易にできます。 管理画面がとっても多機能です。 今後の発展にも期待したいですね。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Ze
WordPressの代替となるようなCMS１５種:phpspot開発日誌
15 Best Wordpress Alternatives That Blogger Should Know WordPressの代替となるようなCMS１５種。 既にWordPress自体かなり高機能でWordPressでなんでも出来ちゃうのでは？という感覚にもなったりしますが、他にもCMSは色々あります。 知っているものも多いかもしれませんが、知らないものも評価してみてもいいかも。 ExpressionEngine GetSimple CMS Frog CMS Serendipity TYPOlight TextPattern 11) Radiant Symphony CMS CushyCMS Silverstripe 全部見る 関連エントリ ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」 ブログやCMSに最適なクールアイコン集「iMini」
ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」:phpspot開発日誌
pimcore - Enterprise Content Management Framework ZendFrameworkとExtJSを使った超リッチかつ多機能なCMS「pimcore」 それなんてアプリ？といってしまいそうなリッチな管理画面やWYWIWYG編集、コンテンツのバージョン管理、A-Bテスト等、機能盛り沢山となっています。 管理画面を一見しただけでその高機能さが伺え、使ってみたいという気にさせられます。 バージョン管理機能がいい感じで、次のように、修正前、修正後がtracみたいにわかりやすく表示してくれます。 コンテンツはリッチで綺麗なUIで編集することができるみたいです。 ファイルはツリーで管理でき、画像とかはなんとWEB上でPhotoshopっぽいツールで編集できるようです。 CMS上にコンテンツと連動させた形で、GoogleAnalyticsのAPIを使った解析画面も
Google App Engineを使ったブログシステム·keb-log MOONGIFT
keb-logはGoogle App Engine用/Python製のオープンソース・ソフトウェア。Google App EngieはWebサービス開発者向けのシステムだと思われているが実はそうではない。一定のリソースまでは無料なホスティングサービスと考えることもできる。 エントリー画面 自分で開発する必要もない。既に多数のソフトウェアがGoogle App Engine用に開発されている。例えばブログがそうだ。自分の独自ブログを立てたいならばkeb-logのようなソフトウェアをダウンロードして利用すれば良い。 keb-logはDjango製のブログシステムで、カテゴリやタイトル、本文、タグ、要約を記事としている。画面上部に年数が並び、その下に月が並ぶという独特なインタフェースになっている。記事には画像も貼付けることが可能だ。 投稿画面 各記事にはコメントが付けられる。一部のデータはkeb
CSS Nite in Ginza, Vol.50フォローアップ（3）tsumiki2.0｜CSS Nite公式サイト
CSS Nite in Ginza, Vol.50フォローアップ（3）tsumiki2.0 記事公開日：2010年7月26日（月） 2010年7月22日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.50のフォローアップとして、「tsumiki2.0」をリリースされているマグレックスの小川直人さんさんのセッションのスライドとメッセージをシェアします。 スライド（PDF、ページ、21.3MB） 音声（MP3、24:55、MB） tsumiki2.0は世界を見据えた『にっぽんソフト』です。 まだまだこれからですが、Web制作の現場で必要とされる『サイト制作＋CMSツール』になりたいと思っています。 是非無償版をお試しください。 tsumiki2.0 website tsumiki2.0キャンペーン申し込みフォーム ベストセッション20192019年、C
個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個 - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sass まだ触っていませんが、好評っぽいのでメ
PHP製の見やすいプロジェクト管理·Cyberience Projects MOONGIFT
Cyberience ProjectsはPHP/MySQL製のオープンソース・ソフトウェア。パッケージ販売されるレベルのプロジェクト管理はとても複雑なものが多い。その点に注目し、使い勝手の良いプロジェクト管理を目指したBasecampはとても人気が高い。 同様にオープンソース・ソフトウェアのプロジェクト管理でもMS Projectのライバルとして機能がどんどん増えるもの、逆にシンプルな路線を進むものと二極化が進んでいる。Cyberience Projectsはシンプルな機能、インタフェースを目指すプロジェクト管理だ。 Cyberience Projectsは複数プロジェクトの登録に対応し、クライアントを紐づけることができる。そしてプロジェクトにはタスク、バグ、マイルストーンを登録する。また請求書作成の機能があり、時間単位などの請求が可能だ。 さらにタイムトラッキング機能があり、作業ごとに時
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
小さなWeb屋のビジネスチャンス。CMS物件が放置される近未来 | 企業ホームページ運営の心得
