ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ
この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. デザインコレクション 3. モックアップツール 4. デザインからコードへの変換ツール 5. Web制作お役立ちツール 6. プロトタイプツール 7. アイコン素材パック 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Illustrations 商用利用もでき
平成最終版。僕が静的サイトを作る時に使う便利ツールやサービスまとめ – すきせか
ぼくの職場の新人さん向けに、サイト制作（とくに静的サイト）を作るのに便利なサービスをまとめたので記事にしました。 もう少しあるので、あとで加筆修正するかもしれません。 静的サイトジェネレーター『Hugo』『Middleman』などお好みで StaticSiteGen 静的サイトジェネレーターは、結局生成されるのはhtml+css+jsなので、好みの物を使えばいいと思います。 このブログではHugoを利用していて、確かにビルドはめっちゃくちゃ早いですが、スクラッチで制作・開発するなら慣れているRuby+Middlemanのほうがサクっと作れます。そんな感じで使い分けても良いと思います。SPA(Single Page Application)に近いものを作るなら、VueとかReactなどを採用したフレームワークを使えばいいですし。 ホスティング『Netlify』 Netlify: All-in
WordPressのセキュリティを強化するには？対策やおすすめのプラグインまで
WordPressは世界中で人気のCMSですが、その一方でセキュリティ面の脆弱性が指摘されています。 WordPressサイトは、普及率の高さやプラグインの脆弱性、ユーザーの設定ミスなどから攻撃者の格好のターゲットとなっており、クロスサイトスクリプティングやSQLインジェクション、ブルートフォース攻撃などのリスクにさらされています。 セキュリティ対策を怠ると、サイトの改ざんや情報漏洩、マルウェア感染など深刻な被害につながる恐れがあります。 本記事では、WordPressセキュリティの重要性を解説した上で、基本的な対策からおすすめのプラグイン、SSL化やバックアップなどの追加策まで、セキュリティ強化のための具体的な方法を詳しく紹介します。 WordPressセキュリティの重要性 WordPressは世界中で広く利用されている人気のCMSですが、その一方でセキュリティ面での脆弱性が指摘されてい
「HyperDB」WordPressでDBの冗長化・負荷分散を行うプラグイン | 株式会社ビヨンド
インフラエンジニアの伊藤です。 AWSなどクラウドを使うと、簡単にサーバを複製してロードバランサー経由でサイトへのアクセスを冗長化・負荷分散出来るようになりました。 この状態であればWebサーバに関しては冗長化・負荷分散されていますが、データベースが冗長化・負荷分散されていません。 もしデータベースに対してのアクセスが多かった場合、 Webサーバへの負荷は大丈夫だけど、DBサーバ側の処理が詰まってサイトが表示されないという可能性が出てきます。 前置きが長くなりましたが、WordpressはいわゆるLAMP環境で動くコンテンツ。 ということはDBを使用しているので、Webサーバを冗長化していてもDBが詰まってしまうと… 503 Service Temporarily Unavailable 見たくないエラーが出てきます。。 そんなとき、DBも冗長化してあげましょう！！ ということで、Worp
Vagrant + WordPress + Amazon S3でブログをセキュア＆快適に運用する方法 – littlebird
WordPressは手軽にWebサイトが構築できるパワフルなツールですが、昨今その脆弱性を狙った攻撃が多様化しており、保守に関わるコストも増大しています。 そこで本サイトでは、ローカルの仮想環境に構築したWordPressからHTMLファイルを生成し、完全な静的サイトとして安全に公開・運用するフローを導入しました。 仮想環境や、WordPressの静的化というと難しく聞こえるかもしれませんが、便利なツールやプラグインを使えば、比較的簡単に実現することができるので、今回はその方法を紹介します。 注意：このページの解説はMac OS X 10.9.5環境での作業を前提に動作の検証を行っています。 WordPressのセキュリティ対策について 近年、WordPressに対するアタックが増加しており、度々ニュースにもなっていますが、皆さんWordPressのセキュリティ対策はどうされていますか？例
WordPressの画像をリサイズして自動で圧縮する方法
プラグインを極力避ける事で、WordPressの高速化を できる限り実現していたのですが、如何せんブログでネックなのが 重たい画像！ とにかく、ENJILOGは画像を多用するので出来るだけ 「JPAEGmini」とかリサイズで対応しなければいけないのですが 現実問題として 面倒くさい！ ついついもうメディアサイズでサイズを指定するだけになってしまう・・・ そんな僕に朗報が！（ていうか検索してただけだけど・・・） WordPressで画像をアップロードする際に自動的にリサイズする方法 これを実装したら予想以上の結果に・・・ 先に言うと、どんなに重い画像をそのままUPしても 自動で、リサイズ＆圧縮（※要プラグイン）して、 これ以上ない最適な状態で表示します！ photo credit: peasap via photopin cc 画像を適切に処理すれば WordPressが驚くほど高速に！！
Yahoo製、軽量なレスポンシブWebデザインフレームワーク·Pure MOONGIFT
Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。 Webサービスのデザインテンプレートとして一躍有名になっているBootstrap。そのライバルとも言える存在、Pureが登場しました。開発元はあの米Yahooです。 様々なテンプレートが登録されています。こちらはフォーム。 ボタン。フラット系の色合いです。 メニュー。ドロップダウン付きのメニューもサポートされています。 もちろんページネーションも用意されています。 サンプルデザイン。メール風。 Pureは短縮化およびGzip圧縮して5.7KBと小さいサイズなのが特徴です。もちろんレスポンシブWebデザインをサポートしています。ガチガチなデザインテンプレートではなく、必要な場所だけをピックアップしたり、自分なりのカスタマイズが行えるのが特徴に上がっています。 MOONGIFTはこう見る Boostrapは
制作会社の人がやってしまいがちなSEO基本中の基本のミス など10+2記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
SEOに重要な基本的要素で、ウェブ制作会社が大切なことを見逃して失敗しがちなことを指摘した記事。Webディレクターとしてサイトの制作に携わっていたときに発見したというもので、次の4つの失敗パターンを挙げている。 titleタグにキーワードを入れないtitleタグやmeta descriptionの重複を気にしないrobots.txtやsitemap.xmlを設置しないデザインを優先して隠しテキストを使ってしまう1つ目と2つ目は実際に多いと筆者も実感している。SEOとしては基本中の基本であるし、titleタグにキーワードを入れることと各ページにユニークなtitleタグとmeta descriptionタグを設定することは、ユーザーにページの内容を伝えるうえでも重要だ。 3つ目のrobots.txtとXMLサイトマップは大切ではあるが必須ではない。robots.txtはクロールをブロックするペ
これから本気でSEOを始める人が読むと幸せになれるかもしれない記事50選 | パシのSEOブログ
検索エンジンの進化は凄まじく、最近はソーシャルメディアも念頭に入れたSEOが求められるため、過去の情報を元にやっていると時代に取り残されてしまいます。SEOの本質というか基本的な部分は、ここ何年も変わっていませんが、取り組み方には大きな変化が訪れようとしています。 そこで、ある程度基礎ができていて、これから本気でSEOを始めるという人のために、ここ2～3カ月に公開された記事の中から、とりあえずこれ読んどけ！というものをご紹介します。かなり数が多くなった為、リンクを羅列するだけになりますが、気になったものを拾い読みする形でも良いと思います。 サイト運営に役立つ記事 アクセス解析に役立つ記事 被リンクの獲得に役立つ記事 有用なSEOツール解説記事 Googleオタクにオススメの記事 おまけ サイト運営に役立つ記事 Googleの中の人が明かすホントのSEO サイトを新設する際のSEOチェックリ
スタイルシート関連の便利なオンラインツールのまとめ
スタイルシートの制作、確認などに役立つ、便利なオンラインツールを紹介します。 [ad#ad-2] ジェネレーター：ベーシック系 ジェネレーター：ボタン、画像使わない系 制作補助、診断、確認 リファレンス、対応ブラウザなど ジェネレーター：ベーシック系
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressの便利なプラグイン一覧
MODx 日本公式サイト｜トップページ
Arukansoft.net
HTML5&CSS3を利用した美しい４０のフリーテンプレート集:phpspot開発日誌