初心者がウェブアプリ作り出す前のざっくりした理解のためのエントリ - 旧gaaamiiのブログ
この記事の対象は「サーバーって何？」くらいの人を想定しています。というか、これから何か作ろうというゼミの仲間に向けて書きました。ウェブについて「何も知らないのでまずはどういうものか知りたい」という人に役立てれば幸いです。 目次 ウェブとは HTMLとCSS クライアントとサーバー ローカル環境と本番環境 使う言語の選択肢 独学するためのいろいろ 今回紹介しなかったいろいろ 何を作る？（2014年4月、加筆） まとめ ウェブとは via: photo by Iguana Jo World Wide Webはとっても便利な通信手法です。ウェブ上では様々な資源がHTMLという言語で書かれた文書として、ハイパーリンクを通じてつながっています。 ハイパーリンク サイトひとつひとつのドメインを覚える必要も無くネットのコンテンツを楽しめているのはハイパーリンクのおかげと言ってもいいのではないでしょうか。
暇だしPHPの初心者向け講座やるけど需要ある？ : IT速報
5: 名無しさん＠おーぷん 2015/01/30(金)13:23:24 ID:7kd はよ！ 12: 名無しさん＠おーぷん 2015/01/30(金)13:27:39 ID:mmG どのくらい教えてくれるの？ 13: 名無しさん＠おーぷん 2015/01/30(金)13:29:48 ID:CM7 >>12 どこからがいい？ つか俺も素人だし重度のめんどくさがり屋だから質問されても詳しいことは分からんけど 時間は暇だから適当な環境構築からやってもいいよ 15: 名無しさん＠おーぷん 2015/01/30(金)13:31:01 ID:6UD PuppyLinuxでPHP環境つくるの教えて 16: 名無しさん＠おーぷん 2015/01/30(金)13:32:12 ID:CM7 >>15 linuxならubuntuにしなさい なぜなら今僕の手元にあるのubuntuしかないから 17: 名無しさん＠
コンセプトは「マネして学ぶ」！自宅で知識を習得できるプログラミング学習サイト | Techable(テッカブル)
1億総デジタルともいえる現代。アプリ開発者やプログラマーの需要も、増加の一途をたどる。 目まぐるしく変化する市場に対応するには、当然人材が必要だが、採用しても教育する時間がなかなか確保できないなど、企業側も複雑な事情を抱えていたりする。 問題解決に一歩近づくには、入社したその日から即戦力で仕事ができるシステムが、必要なのかもしれない。 そこで登場したのが、「シラバス」という学習サイト。「マネして学べる」をコンセプトに開発されたプログラミングeラーニングシステムで、HTML/CSS、WordPress、Ruby on Rails、Backbone.js等のwebデザインやwebアプリの開発を、サイト上のコンテンツを通して学べるというものだ。 開発元の経験から生まれたサイト 開発を手がけたのは、東京理科大学の学生によるベンチャー企業、ダラフ。「シラバス」は、彼ら自身の体験から誕生した。 当時、
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
【家具】低価格帯のソファの選び方教えて 4 てんこもり。
ソファの構造 ttp://www.smple-style.com/sofa/design/sofa.html 品質が安心できるのは販売元、製造元が同一国のメーカーか品質管理が信頼できるメーカーの海外製 この価格帯だと(２人掛けで１０万以下） ●構造素材 下地構造のみの耐久性 ポケットコイル=スプリングコイル＞S字バネ＞ウェービングベルト 下地が無い物は、この価格帯では地雷でしかない 柔らかい座り心地のものは質の良い多層ウレタン構造や ポケットコイルとの組み合わせ等、複数構造が必要 柔らかいものほど、価格＝質で耐久性も比例する場合が多い 2P5万以下のものはポケットコイル、Sバネであっても半分以下しかのも少なくないので 必ずしも素材＝耐久性には繋がらない ●ウレタンの耐久性順 軟質ウレタンフォーム(モールド成形)＞チップウレタン(モールド成形) ＞軟質ウレタンフォーム(スラブ成形)＞低反発弾
パララックスをサクッと作れるskrollr
「skrollr」は、パララックス（視差効果）を簡単に実装できるプラグインです。 サンプルの動画を見ていただければわかりますが、非常に多彩なエフェクトが用意されており、基本的なパララックスサイトであれば、サクッと作れます。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、skrollrを配布ページからダウンロードしましょう。skrollrはGitHubで公開されており、ページ右下の「Download ZIP」というボタンからダウンロードします。 jQuery本体と「dist」フォルダに入っている「skrollr.min.js」を、利用するWebページのbodyの閉じタグ直前で読み込みます。 //(中略) <script src="jquery.min.js"></script> <script src="skrollr.min.js"></sc
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
もうファイル管理で困らない！ デザイナーのためのSubversion/TortoiseSVN入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに はじめまして、Yahoo!検索のデザイナー担当の竹内美帆と申します。 今Yahoo! JAPANでは、プロジェクト毎にバージョン管理システムを使い分けていますが、Subversionを使用しコードを管理しているプロジェクトもあります。2011年1月～3月には、デザイナーが所属する部署でもデザイナーが作成するHTML・CSS・JavaScriptファイルなどをバージョン管理システムであるSubversion（サブバージョン）で管理しようという動きがありました。 デザイナーにとってはとっつきにくい印象がある「バージョン管理」ですが、うまく利用すれば「あのファイルどこいった？（汗）」「いつこのファイル書きかえたっけ？（汗）」「
短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ | らふらく ^^
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人（または初級者）のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ（見た目の部分）はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
HTML5で作られた無料MMORPG「BrowserQuest」をMozillaがサービス開始
FirefoxやChrome、Safari、さらにiOSやAndroidでも動作するというMMORPG「BrowserQuest」がスタートしました。これを作ったのはMozillaで、操作方法は単純明快、かなりサクサクと遊べます。 まず、さくっと概要が分かるデモムービーはこちら。 BrowserQuest - Massively Multiplayer HTML5 Game Demo - YouTube 以下が公式サイトです。 BrowserQuest http://browserquest.mozilla.org/ まずはキャラクター名をつけるところから。 なお、InternetExplorer9以前のバージョンだと「このブラウザでは遊べません」というメッセージが表示され、最新版のFirefoxかChrome、Safariを使うように言われます。なお、WebSocketをサポートしたIE
初心者の頃分からなかったWeb用語：フレームワーク … CSSからHTML5、WordPressまで
Webを見ていると、フレームワークっていう言葉をよく目にします。初心者の頃は、このフレームワークっていうものがどんなものなのか、いまいち分かりませんでした。今回は、色んな例でフレームワークというものを紹介してみました。なので、フレームワークって何だろうっていう人向けの記事です！ Web制作関連のブログを読んでいると、ときどきフレームワークっていう言葉がでてきます。例えば CSSのフレームワークとか、HTML5 + CSS3 のフレームワークとか …。 今でこそ、このフレームワークって何だかわかりますが、初心者の頃は、このフレームワークっていう言葉が何だか難しそうで、意味の分からないものでした（私だけ？）。何となく雰囲気で、使ってみると便利なのかなーという感じはしましたけど、そもそもフレームワークという言葉自体の意味が分かっていなかった頃は、使ってみよう！というところまで行きませんでした。
レイアウト作りを簡単にしてくれるCSSグリッドシステム
CSS でのレイアウト、段組み作りがとっても簡単にできる、CSS グリッドシステムをご紹介。既に使っている人もたくさんいるとは思いますが、未体験の人はぜひ試してみてくださいね！ Web デザインに欠かせない、CSS でのレイアウト作り。コンテナ作って、ここにラッパー作って、メインが 600px で padding が 20px だから、サイドバーが、えーと … なんてことになりがちです。そんな面倒な作業がイヤだなーという人におすすめなのが、CSSグリッドシステム。全ての Web デザインに使える訳ではありませんが、結構重宝します。すでに使っている人もたくさんいると思いますが、こんな方法もあるんだよーということでご紹介します。 1. CSSグリッドシステムとは？ CSS グリッドシステムというのは、レイアウトを均等に分けて、マス目上に考えるレイアウト。何が便利かっていうと、この段は4等分にし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
どれがベスト？スマホ対応サイトの構築方法３種 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
http://lollyt.in/
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
これからのWeb制作に使える、面白いUIを実装できるjQuery・CSS集
今風のWEBベースチャットを作れるオープンソースソフト「kandan」:phpspot開発日誌