LAMP環境、自分で作りませんか？
Webアプリケーションの開発・実行環境として多くの開発者が支持するのがLAMP（Linux、Apache、MySQL、PHP/Perl/Python）です。この連載では、LAMP環境をソースコードから構築する方法を丁寧に解説していきます。（編集部） Webアプリ開発に不可欠のLAMP Webアプリケーション開発に欠かせないLAMP環境。皆さんはどのように用意していますか？ サーバの選定からはじまって、LAMPのインストールと設定、テストや運用などなど、やるべき事はたくさんありますね。悩みやトラブルは尽きないと思います。 そこで本連載では、LAMP環境の構築という観点からLAMPを攻略していきます。とりわけ環境の基礎を作る作業である、インストールから設定を中心に取り上げます。環境構築というと一般にはインフラエンジニアの範疇になると思いますが、開発環境を構築したいWebアプリケーション開発者や
【サーバーの選び方】Webサーバーについて語るけど何か質問ある？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、しょご（@shogo_drumer）です。 いままで社内では「とくさん」と呼ばれていたのですが、嫁から「しょごたん」と呼ばれているのがバレて以来、社内公的文書でも「しょごたん」って表記されるようになりました。なんか気恥ずかしい気持ちでいっぱいです。 気軽に「しょごたん」とか「しょごりん」とか「しょごきゅん」って呼んでください。ハニカミます。 さて、前回のLAMP環境の話でもあった通り、Webサイトを構築するには必ず「Webサーバー」というものを用意する必要があります。 今回はそのWebサーバーに関して、「Webサーバーってなんなの？」「レンタルWebサーバーはどう選べばいいの？」といったことをお話いたします。 Webサイトを見るってどのような仕組みなの？ 我々はWebサイトを閲覧する際、ブラウザを立ち上げてURLを入力したり、検索結果からURLのリンクを辿ったりしてサイトを表示
WEB開発で絶対に必要なスキル「LAMP」とは？ - ブログ｜ベトナムでのオフショア開発とスマートフォンアプリ開発のバイタリフィ
こんにちは、２月からバイタリフィで働いている中村です。 よろしくお願いします。 早速ですが、みなさん「LAMP(ランプ)」という言葉をご存知ですか？ 僕は初めてこの言葉を聞いたとき、発光部品のランプのことを想像してました(><) ちなみにBUMP OF CHICKENのインディーズ1枚目のシングルも「LAMP」という曲です！ 1999年にリリースされてます、いい歌なのでぜひ聞いてください(^^) ・・・それはさておき、今回記事で書く「LAMP(ランプ)」というのは、 発光部品のことでもなく、もちろんバンプの歌でもありません。 今回の「LAMP(ランプ)」というのは Webサイト構築 に関係する総称です。 初めて知った方、もしくはこれから勉強しようとしている方は ぜひこのブログを読んで参考にしていただければ幸いです。 「そんなの知っているよ！」という方は暖かく見守ってください。 まず、LAM
Webページのレイアウトに役立つ20のデザインテクニック
ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワイトに最もコントラストがあります。だからといって高いコントラストのデザインをつくるために、白黒のカラーパレットにこだわる必要はありません。簡単な方法の一つは、そのカラーからより明るいカラーと暗いカラーをつくり、コントラストを加え、あなたのデザインの特定の場所を目立たせることができます。 シンプルな例として、下記のような暗い背景に明るいテキストは効果的にコントラストをつくっています。背景が写真で、テ
無料ウェブサイトを作ろう | Wix.com
テンプレートのデザインを使ってもよし、一から自分でデザインしてもよし！世界にひとつだけのウェブサイトが簡単に完成。
あなたの時間を無駄にする、すでに廃れた7つのSEOの手法。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
今回の記事は、Quick Sproutからニール・パテル氏の記事を紹介します。今年の初めにGoogleアルゴリズムの編纂についての記事を掲載して以来、久々の登場です。掲載時期が2014年9月の記事なりますが、今後の流れをうまくまとめた内容になっています。自身の戦略を改めて考える際に、参考にしてみてはいかがでしょうか？ — SEO Japan ＊リンク先の記事は全て英語になっています。 SEOは、年を追うごとに変化しており、過去に効果があった取り組みが、今でも同じようにうまくいくとは限らない。現在利用しているその手法は、既に廃れている可能性があり、トラフィックの増加につながらないどころか、反対にトラフィックを減らしてしまう危険がある。 それでは、どうすればいいのだろうか？ この記事では、あなたが今すぐにやめるべき手法と、これから取り組むべき手法をまとめてある。下記に掲載する個々の手法を、ぜひ
ウェブページの読み込み速度を測定できる無料サービス5選
上記の記事では「GTMetrix」というサービスを使って読み込み速度を測定しているが、他にも同様の無料ツールはある。実はGoogle公式の読み込み速度測定ツールもあるのだ！ ウェブページの読み込み速度を測定できる無料サービスを5種類まとめたので、紹介する！ 1. Pingdom Website Speed Test 「Pingdom Website Speed Test」は読み込み速度以外にもページ容量や詳細の分析などまでしてくれる、無料とは思えない便利なサービス。見た目も格好良い！ 2. Load Impact 「Load Impact」はアカウント登録しないと解析データがネット上で公開されるので、注意！気になる人は使用を避けた方がいいかもしれない。 3. Google PageSpeed Insights 「Google PageSpeed Insights」はGoogle公式の読み込
3日間で検索順位が200位上昇したSEO対策10項目
今回ご紹介するのは、検索順位が200位以上も大幅に改善された事例です。 そのサイトは12月末にSEO対策の見直しも含めてリニューアルを行いました。SEO対策の見直しと言っても、外部対策は一切行わず、内部対策の見直しだけ行いました。その結果、リニューアルの3日後には検索順位が200位以上上昇しました。1ヵ月半経った現在も順位は安定しています。 「検索順位が上がらない」「検索順位が極端に低い」という方のご参考になればと思い共有させて頂きます。 リニューアル前のサイトの状況 リニューアル前のサイトの状況は以下の通りです。 企業サイト（サイト内に社員ブログあり） スモールキーワードで1年以上240位前後に位置する ページランクは1（被リンクは殆どなし） ペナルティに該当するSEO対策はやってきてない 今回行ったSEOの方針 上記の通り、このサイトはペナルティに該当するようなSEO対策は行っていない
【2015年版】リスティング担当者から見た、イケてるランディングページ10選 | 株式会社LIG
こんにちは！ アドチームのきょうへいです。 以前「【2014年版】リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきましたので今年も2015年版を書こうと思います！ 今回は色々なLPを見ていたときに気になったものをまとめたものなので、共通点があまりないかもしれませんが、どれもキレイなデザインだったり、面白い動きをするページで、スクロールをさせられてしまうものばかりです。 1. Beagle https://getbeagle.co/ ※現在、上記リンク先は表示できません。 スクロールエフェクトがユニークなLPです。 ファーストビューで大きな写真を使用していて、スクロールをするとそれぞれのアニメーションがさまざまな動きをします。気が付いたら上から下まで何度もスクロールしまくってました。素敵です。 2. Melanie F http://www.mela
WordPressでサイト作成するときに知っておくといいことあれこれ
2014年9月13日、山梨ウェブ研究会 [ Vol.1 ] ライトニングトーク特集でのスライドです。 山梨ウェブ研究会 http://yama-web.com/
Web制作者はおさらいしたい！CSSの勉強になる実用的な基本テクニックまとめ | コムテブログ
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 １．画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 ２．画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css ３．float を使わ
この新卒採用サイトがすごい！2016年度イケてる企業まとめ20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、さんぺーです。 私は2015年度卒業予定のLIGの内定者だったのですが、うかつにも留年をして2016年度卒業となりました。本当にありがとうございます。 今年はアルバイトとしてLIGで働くことになりましたが、必ずしもLIGにもう一度採用されるとは限らない身の上です。最近は漠然とした不安を抱えて「2016年度卒業の学生のための採用ページ」を眺めているのですが、2016年度は特にユニークなものが多いことに気がつきました。 というわけで、今回はもう一度就活生になった私がグッと来たサイトをまとめてみます。普段からネットを舐めるように見ているIT/Webパーソンの方もお楽しみいただけると思います。 それでは、行ってみましょう＼(＾ω＾＼Ξ／＾ω＾)／ リクルートホールディングス RECRUIT革命｜リクルートホールディングス 2016年度新卒Web採用サイト http://recruit-
大きな背景画像を使った魅力的なWebサイトを作ろう
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
Bos138
Selamat datang di Bos138, situs games online terkemuka yang siap memberikan Anda pengalaman bermain terbaik dan paling menguntungkan. Sebagai salah satu situs games online yang paling terpercaya, kami menawarkan berbagai macam permainan mulai dari taruhan olahraga, kasino, poker, hingga permainan slot yang seru dan mengasyikkan. Kami memahami bahwa kenyamanan dan keamanan adalah prioritas utama ba
HTMLで表組み作るならマークダウンが直感的で超簡単だからオススメ - あなたのスイッチを押すブログ
書き方の簡単な説明 ◇一行目に、列の最上段に記載する項目を記入します。 ◇列を分けるときは「 | 」（縦線／バーティカルバー）を使います。 ◇二行目に、その列のテキストの寄せを決定します（後述）。 ◇三行目から、各項目を書いていきます。 右寄せ・左寄せ・中庸寄せ 対象の列のテキストを右・左・中央に寄せるためには、マークダウンで表組みを作った時の二行目で調整します。 ◇「|:-----|」 列が左寄せになります。 ◇「|-----:|」 列が右寄せになります。 ◇「|:-----:|」 列が中央寄せになります。 簡単な話、寄せたい方向に「 : 」（コロン）を入れれば、それで完了です。真ん中の「 - 」（ハイフン）の数は適当でOK。１つでも構いません。 マークダウンからHTMLへの書き出し マークダウンで書いたテキストをブログ記事に上げても、そのままではもちろん表組みにはなりません。改めてHT
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
無料なのに高品質！企業サイトやビジネスに使えるWordPressテーマ10選 | CodeCampus
無料なのに高品質！企業サイトやビジネスに使えるWordPressテーマ10選更新日: 2017年5月22日公開日: 2015年1月30日 WordPressの初期設定を終えて、さあ作ろう！…と思ってもいきなりカスタマイズをするのは不安、という方はいらっしゃいませんか？いきなりカスタマイズするは、結構ハードルが高いですよね。それなら最初は、無料のテーマを使ってWordPressの操作方法に慣れるのはアリかもしれません。 今回はそんな方向けにWordPressの本格的な無料テーマをご紹介していきますよ！ブログやポートフォリオサイトなども制作できるWordPressですが、今回は少し的を絞って企業サイト向けのテーマのご紹介をしていきます。どれも高品質かつ無料で利用できるテーマばかりなので、カッコいいサイトを簡単に制作しちゃいましょう！ こちらも是非ご参考に！ WordPressで企業サイトを作る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
travelbanana.net
Webデザインのすごいアイデアや細かいこだわりがいっぱい！素晴らしいUXを堪能できるサイトのまとめ
新着記事
