[B! 入門] vitaminsiiのブックマーク

vitaminsii id:vitaminsii

入門に関するvitaminsiiのブックマーク (22)

JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら‥JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記トラックバックでLiosKさんにご指摘頂いた点(cal
vitaminsii 2013/10/05
参考になります。

*プログラミング参考

+Tips

-JavaScript

2010

>Front end engineer

>Webプログラマー

programming

入門

まとめ
リンク
PHPエンジニアのためのオブジェクト指向JavaScriptの書き方 - EC studio 技術ブログ
JavaScriptはプロトタイプベースのオブジェクト指向言語で、 PHPやJava、C++などのクラスベースのオブジェクトとは特徴や書き方が大きく異なります。今回は、PHPでオブジェクト指向開発の経験がある人向けに、 JavaScriptでのオブジェクト指向プログラミングの書き方を解説します。サンプルはすべてそのまま実行できるので、 FirebugなどのJavaScriptコンソールで実行して挙動を確かめながら読み進めるとわかりやすいかと思います。 JavaScript の特徴すべてがオブジェクト JavaScriptは完全なオブジェクト指向言語であり、すべての型の変数、関数はオブジェクトです。 (プロパティやメソッドを持つ)
vitaminsii 2013/05/28
分かりやすい解説。

*プログラミング参考

+Tutorial

+Code

-JavaScript

>Front end engineer

>Webプログラマー

2010

programming

オブジェクト指向

入門
リンク
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！﹁jQueryが全く分からない人のため﹂の超初級者向け入門講座約半年前まで、興味はあれども全くもって触れたことのなかった﹁jQuery﹂。それどころか、﹁Javascript﹂を﹁Javasprict﹂と何度となく書き間違える癖のあった私。結局、﹁スク水すいすいスクリプト﹂と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。そんなわけで、今回は﹁jQueryが全く分からない人のため﹂の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。とは言っても﹁jQueryとはなんたるか﹂などといった難しい理論を記すつもりは一切ございません。︵っていうかそんな偉そうなこと言える程修めてない
vitaminsii 2013/05/27
分かりやすいjQuery入門記事。

*プログラム参考

+Tutorial

+Code

-JavaScript

>Front end engineer

2012

jQuery

入門
リンク
html5-memo.com
vitaminsii 2013/05/13
制作するサイト（ビジネスサイト）のサイトマップを元に、各コンテンツをwordpressのどの機能（投稿や固定ページ）で実装するべきかを解説。とてもわかり易い記事で参考になります。

*プログラム参考

+Tips

>Web制作者全般

2012

wordpress

サイトマップ

入門
リンク
柔軟なワークフロー
少し前からWeb制作のワークフローの変化をあちらこちらで聞くようになりました。今まで調べてきたことと経験から学んだことを交えて今の考えをまとめてみました。 Web制作フローの再考とDesigning in the browserを書いた頃からワークフローの変化を意識しており、いろんな記事を読んだり自分なりに考えたりしてます。現在のところ僕が思うのはワークフローはひとつに定められない、ということです。関わるチームや環境、制作するサイトによって最適なワークフローは変わってきます。例えばオーソドックスな静的なサイト制作とJS、CSS3など比較的新しい技術を駆使したサイト制作、レスポンシブWebデザインの場合ではワークフローは変わります。今までのサイト制作はワークフローが一様でも問題となることが少なかったですが、そうではなくなってきています。複雑な設計のサイトではプロトタイプなどを用いて早期に
vitaminsii 2013/05/08
Web制作のワークフローをわかりやすくまとめた記事。静的サイトや複雑な構成のサイト、レスポンシブWebデザイン等、制作するもの種類によってワークフローを変えると効率が良い。

*Web制作

+Tutorial

>Web制作者全般

2013

webデザイン

ワークフロー

レスポンシブ

スマートフォン

入門
リンク
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
vitaminsii 2013/04/24
「1.制作準備 – ターゲットとゴールを設定する」→本当に重要なことだと思う。作業の効率化のためにもしっかりと設定しておこう。

*Web制作

+Tips

>Webデザイナー

2012

Webデザイン

考え方

入門
リンク
Googleアナリティクスの新規アカウントを作成する［第1回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
2011年から2012年にわたる1年間、﹁かってに解析﹂でいろいろなWebサイトをかってに解析してきた。今年からはいよいよ、アクセス解析ツールの定番となっているGoogle アナリティクスについて解説する連載を開始する。なぜ、いま、Googleアナリティクスの連載を始めるのか？Google アナリティクスは、無料で、かつ非常に高度な分析が可能なアクセス解析ツールだ。そのため上場企業のWebサイトの約半数近くで導入されているという調査*1もあるくらい普及している。 *1　2012/3/25時点のGoogle アナリティクス利用率は46.4％︵出所‥﹁about:HPW﹂︶日本では正式なサポートがなく、Web上の情報が日々古くなっている一方、Google アナリティクスのデメリットとしては、Googleが無償で提供するサービスのため、正式なサポートというものが受けられないという点が挙げられ
vitaminsii 2013/04/20
参考になります。

*Web知識

+Tips

>Web運営者

=アクセスアップ

2012

Google

Google Analytics

入門

アカウント
リンク
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスターはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
vitaminsii 2013/04/06
参考になります。

*プログラム参考

+Tips

+Code

-JavaScript

>Front end engineer

2010

Programming

jQuery

入門
リンク
スマートフォンサイト構築時に押さえるべきポイント | Web担当者Forum
スマートフォン市場の急伸に伴い、Webサイトのスマートフォン対応のニーズも日増しに増えています。そこで本コラムでは、改めてスマートフォンサイト構築時に押さえるべきポイントをご紹介します。スマートフォンサイト構築時の確認事項スマートフォンサイトを作ろうと思っても、何を検討し、何に注意して制作すればよいのかが分からないという方向けに、確認事項をまとめました。＜制作前の検討事項＞標準対応端末の検討端末の画面解像度が多様化しており、端末によっては表示が崩れたり画質が粗くなる可能性があるため、市場のシェアや全端末内の標準規格を踏まえて、実装時に標準的に対応する端末（標準仕様）を設定します。 PC、スマートフォン端末での振り分け設定PCサイトがある場合は、様々な端末でアクセスしてくるユーザーのストレスや混乱を軽減させるため、PCからアクセスした場合はPCサイトを、スマートフォンからアクセスした場
vitaminsii 2013/03/26
参考になります。

*Web制作

+Tutorial

+Tips

2013

>Web制作者全般

スマートフォン

ポイント

入門
リンク
CSS3のWebフォントを使ってみよう
CSS3のWebフォント機能は、サーバー上にあるフォントを利用するもので、ユーザーの閲覧環境に依存しません。使用したいフォントファイルをサーバーにアップロードし、CSSで読み込ませるだけで利用できるので、フォントの選択肢が広がります。これまでテキストを画像化して表現していたWebのタイポグラフィも、Webフォントを使って自由に表現できるわけです。テキストなので、選択やコピー＆ペーストも可能、SEOにも有効です。もちろん、font-sizeやcolor、text-shadowなどのCSSプロパティも適用できます。主要なブラウザは、既にWebフォントに対応しているので、少しの工夫ですぐに利用できます。ただし、フォント形式やライセンスなど、利用に際してはちょっとした注意が必要です。本稿では、これら注意点を踏まえてWebフォントの利用方法を紹介します。 Webフォントの利用方法では早速Web
vitaminsii 2013/03/23
参考になります。

*Web制作

+Tips

+Code

-html5・css3

>Webデザイナー

2011

webフォント

font

font-family

入門
リンク
非デザイナーのためのデザイン基本テクニック　その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています。そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。記事内で
vitaminsii 2013/03/21
参考になります。

*デザイン参考

+Tips

2010

>Webデザイナー

font

Webデザイン

入門
リンク
WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド
WordPress はとっても便利なブログツール。使い方さえ勉強すれば、HTML や CSSの知識がなくてもWebサイトを作成、運営することができます。そして HTML + CSS を勉強すれば、デザインを自分の好きなように変更することもできます。でも見た目のデザインだけじゃなくて、いろんな機能をつけたりカスタマイズしていくとなると、やっぱり PHP の知識が必要です。WordPress をカスタマイズしたいけど、PHP はまだ ... という人向けに、WordPress と PHP について簡単にまとめてみました。 WordPress は PHP︵プログラム言語︶ + MySQL︵データベース︶で作られている、人気のブログエンジンです。最近ではブログじゃない一般的な Webサイトを、WordPress で作ってるっていう人も増えてきたように思います。WordPress を使えば、HTM
vitaminsii 2013/03/17
参考になりました。

*プログラム参考

+Tutorial

+Code

-PHP

>Front end engineer

>Webプログラマー

2012

Programming

入門

wordpress
リンク
Basic Process to Apply CSS to Your Website
2014年8月17日 CSS, Webサイト制作 CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ ↑私が10年以上利用している会計ソフト！実践で学ぶWebサイト制作ガイド：その7 目標：CSSでレイアウトが組める・基本的な装飾ができる必要なもの：Windows メモ帳や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル：CSSの基礎知識がある・基本的なCSSが手打ちで書ける目次
vitaminsii 2012/12/26
参考になります。

*Web制作

+Tutorial

2012

>Webデザイナー

webデザイン

HTML

CSS

レイアウト

入門
リンク
Ajax YUIライブラリを使う準備
vitaminsii 2012/04/15
参考になります。

*プログラム参考

+Tips

-JavaScript

>Webプログラマー

2007

YUI

Ajax

入門
リンク
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了過去のサイト更新情報
vitaminsii 2012/04/15
JavaScriptistは、JavaScriptやajaxのサンプル/入門/リファレンス/ライブラリ情報の公開サイトです。

*プログラミング参考

+リファレンス

>Webプログラマー

-JavaScript

入門

Ajax

Programming
リンク
PHP制作環境/PHP入門
◆ PHP制作環境の設定ここでは、PHP作成に関してその環境を整えるために解説します。大きく分けて Linuxと、Windows に分けて説明します。 ■ Linuxにおける制作環境 Linux をお使いであれば、環境を作るのは比較的簡単です。すでに Apacheモジュールは標準で実装されていますので、あとは PHPを手に入れてインストールするだけです。ダウンロードしたファイルは、圧縮されたtarballファイルですので、作業用フォルダで解凍し展開します。ただし、展開されたファイルの中の configureスクリプトを実行して、コンパイルのための必要な環境設定を行う必要があります。 MySQL を利用したい場合にも、それを手に入れてインストールしてください。ほとんどのディストリビューションでは、最初から PHPを実装しているので、それを利用するといいでしょう。データベースを構築する場合
vitaminsii 2012/04/15
Linuxにおける制作環境、 Windowsにおける制作環境、 Macintoshにおける制作環境

*プログラミング参考

+Tips

+Code

-PHP

>Webプログラマー

2004

インストール

入門
リンク
サービス終了のお知らせ
平素より﹁PHPプロ！﹂をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました﹁PHPプロ！﹂ですが、サービスの利用状況を鑑みまして、2018年9月25日︵火曜日︶をもちましてサービスを終了させていただくことになりました。サービス終了に伴いまして、2018年8月28日︵火曜日︶を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。本件に関するお問い合わせはこちらよりお願いいたします。
vitaminsii 2012/04/15
CakePHPは「あらゆるレベルのPHPユーザが、素早く快適に開発を行える事」を目標として産み出されたRAD型のフレームワークで、Ruby on Railsの影響を強く受けています。

*プログラム参考

+Tutorial

-PHP

>Webプログラマー

CakePHP

開発

入門
リンク
WEBシステムの様々な機能をSmartyを使って実装する
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
vitaminsii 2012/04/15
Smartyの使い方。

*プログラム参考

+Tutorial

-PHP

>Webプログラマー

2010

Smarty

開発

web制作

入門
リンク
マンガで分かる JavaScriptプログラミング講座
はじめに﹁マンガでわかるJavaScript﹂は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。︵マンガは、左上から右下へと読みます︶プログラムというと、けっこう大変そうに思えますが、この講座のテーマは﹁面倒くさいことを楽にする﹂です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。主な対象読者は﹁これからプログラムを学んでみたい人﹂﹁Webの世界に関わっていてJavaScriptを学んでみたい人﹂﹁昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人﹂などです。初心者だけでなく、Webデ
vitaminsii 2012/04/15
「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。

*プログラミング参考

+Study

-JavaScript

>Webプログラマー

入門
リンク
ActionScript入門Wiki - パッケージとインポート
vitaminsii 2012/04/15
ASでimportとpackageを効率的に使用するための参考。

*プログラミング参考

+Code

+Tips

-ActionScript

>Webデザイナー

import

package

入門
リンク
1 2 次のページ