サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
はじめに 僕が以前書いたModernJavaScript 概観、そして Electron へは、読んで貰えただろうか？ あれは初学者には全く向いてないエントリだ。 あのエントリは、僕の理解したモダンなJavaScript 全体について概観することを目的としているからね。 あれを読んで、「今のJavaScript ってこんなに大変なのか…」と感じた人は多いだろう。 しかし、ある程度のソフトウェアを開発するために技術全般を概観しようとすれば、ああいう分量になるのは致し方ない。 と言う訳で、今回はちゃんと初心者向けのエントリを書いた。 少し多く感じるかもしれないが、丁寧に説明しようとしたからだと好意的に解釈して欲しい。 開発環境 Thinkpad X1 Carbon 2016 年モデルにWindows10 をインストールしてある。 ハードウェアスペックは、こうだ。CPU i7 66
サルワカのフォトショップ講座は、どの書籍よりも、どのウェブページよりも、分かりやすく解説することを目指しています。初心者の方はレッスン１から、中・上級者の方は必要な部分をかいつまんで読むことをおすすめします。 随時更新していきます。 STEP.1 フォトショップの基本 初心者の方は、これらの記事を読むところから始めましょう。基本的に上から順に読み進めるのが良いと思います。どの記事も中級レベルの内容にまで触れているため、分からないところはサクッと読み飛ばしてOKです。同じ内容に何度も触れているので、読み飛ばしていても段々と使い方が分かってくるはずです。なお、フォトショップを最短でマスターするポイントは「実際に自分の手を動かしながら１つ１つ操作方法を学んでいくこと」です。是非一緒に画面を触っていきましょう。
素晴らしいデジタルカメラを買ったのにその多くが部屋のおしゃれなインテリアや文鎮など、購入時に意図していない役割を果たしているのは何故でしょうか。 それはそもそも撮り方が分からないことと、近年のデジタルカメラの多機能化が進み、用語や操作方法など覚えたり理解すべきことが非常に多いことが挙げられるでしょう。 ここでは真似するだけで誰でも簡単に撮影できる、魔法の設定を皆様にお伝えしていきます。 さあ、いまこそあなたのカメラが真価を発揮する時です！(記事中の測光モードは全て分割測光です) 【脱初心者を目指したい人はこちらもオススメ】 脱初心者！一眼レフで綺麗な写真を撮るための設定と撮影方法 背景のボケた写真を撮る デジタルカメラを使っているのにiPhoneよりも背景がボケない・・こんなことはありませんか？iPhoneは被写体に接近してピントを合わせれば背景がボケますが、デジタルカメラはそう簡単には
お花のある暮らしを提案する、 ARTE-flower&others-のウェブサイトを制作しました。 テーマは「日常を自然のアートと共に楽しむ。 そんな楽しみを提案できるECサイト」。 花屋の店主が書き留めた、日記を眺めているような。 道端に咲く花を、じっくり見つめたくなるような。 「お元気ですか？」と、誰かに花を贈りたくなるような。 そんな気持ちがじんわり沸き上がってくる “居心地”を作り出すことを目指しました。イラストは、天野佐江華さんが描いた、 柔らかな表情をした花と植物たちの水彩画。 それらは、花と植物という存在が まさに“ARTE”（イタリア語で芸術という意味）で あることを伝えてくれています。 季節の花の話を聞きながら、 のんびりと美しい植物を眺めて、お買い物もできる、 ここは自然というアートを楽しむお花屋さん。 ぜひ、ふらりとお立ち寄りください。 URL: http://ar
>このコツを大いに活用してグラフィックデザインに挑戦してみてください！ ソーシャルメディア向けのデザインからイベント用の招待状まで、どんなデザインであろうと使えるグラフィックデザインのアプリはたくさんあります。 ペアリングフォントやスケールから行揃えやホワイトスペースまで、デザインの世界は複雑な面を持ちます。この25のグラフィックデザインのコツが、創作過程のあれこれを通してあなたの手助けになるでしょう。 各項目をイメージした画像をクリックして、 独自のデザイン に編集してみましょう。楽しいデザインを！ 01.フォント頼みをやめて、書体を制限してみる このデザインを編集してみる シンプルかつ効果的なグラフィックデザインのために読みやすいフォントを使いましょう。いくつもの書体を使用したデザインは読みづらいものです。統一されたフォントを使うようにしましょう。 ここではAileronのフォントフ
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちらWeb制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。Bootstrapは最近
HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために、いくつか書籍を購入したり、ネット上の資料を読み込んでみたので、備忘録がてらまとめていきます。 (02/05 20:10) 定期見直し 🎂 [StyleGuide]「GoogleHTML/CSS StyleGuide」の和訳Googleが作ったStyleGuide『GoogleHTML/CSS StyleGuide』を和訳していただいた『GoogleHTML/CSS StyleGuideを適当に和訳してみた』。HTMLのベーシックな書き方から、CSSの書き方まで一貫している。個人的にはCSSのプロパティがアルファベット順というのは合理的だと思う！ 🐰 [S
毎日パソコンを使う人なら、キーボードショートカットを覚えておけば確実に生産性を高めてくれます。今回は、Macユーザーが知っておくべき6つのショートカットを紹介します。 以下、紹介します！ Command＋Shift＋A／U／D：Finderを開いているときに使うショートカットです。Command＋Shiftに加え、Aでアプリケーション、Uでユーティリティ、Dでデスクトップのそれぞれのフォルダを直接開きます。どれも頻繁にアクセスするフォルダです。ショートカットを覚えれば時間の節約になりますね。 Command＋1／2／3／4：Finderの表示形式を切り替えます。1はアイコン表示、2はリスト表示、3はカラム表示、4はcover flow表示です。 Command＋Option＋I：複数ファイルの情報をまとめて確認したいときは、ファイルを選択してこのショートカットを実行します。 情報パネルがひ
Macを買ったら真っ先にインストールして欲しいアプリと、一番に覚えて欲しい操作方法があります。これらは、作業効率を少なくとも１０倍以上（勝手な経験則）にしてくれるものばかりなのです。 何故このような物をまとめたかというと、最近私の周りでMacを使い始めた方が増えたためです。その方々に漏れなくオススメしているものなので、きっとあなたにも喜んでもらえると思います。Macを触り始めてすぐは、操作や仕様に慣れるまでに少し時間がかかるかもしれません。ですが、それに慣れるよりも先に、今日ご紹介するものを使ってみてください。 必ず、Macでの使い勝手が数倍は良くなりますので、ぜひっ！ XtraFinder アプリ「XtraFinder」は、Finderにタブを付けられるアプリなのです。ちなみに無料。Mac内のファイルは「Finder」というアプリから閲覧・管理できます。ただ、複数のフォルダを開くため
kanazawa.js v1.0 〜JavaScriptコトハジメ〜（2011年2月5日開催）で使用したスライドです。
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私がWordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろなWordPress の Tips を書いてきました。でもWordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery でWebデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまりJavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
CSSでWebサイトのレイアウト組み＋装飾の基本プロセスCSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ 実践で学ぶ Web サイト制作ガイド：その 7目標：CSS でレイアウトが組める・基本的な装飾ができる必要なもの：Windows メモ帳 や、Mac OSText Edit などの文章エディタツール。もちろん Adobe Dreamweaver などの Web 系オーサリングソフトがあるならそれで OK対象レベル：CSS の基礎知識がある・基本的なCSS が手打ちで書ける目次誰のため？何のため
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
WordPress はとっても便利なブログツール。使い方さえ勉強すれば、HTML やCSSの知識がなくてもWebサイトを作成、運営することができます。そしてHTML +CSS を勉強すれば、デザインを自分の好きなように変更することもできます。でも見た目のデザインだけじゃなくて、いろんな機能をつけたりカスタマイズしていくとなると、やっぱりPHP の知識が必要です。WordPress をカスタマイズしたいけど、PHP はまだ ... という人向けに、WordPress とPHP について簡単にまとめてみました。WordPress はPHP（プログラム言語） +MySQL（データベース） で作られている、人気のブログエンジンです。最近ではブログじゃない一般的な Webサイトを、WordPress で作ってるっていう人も増えてきたように思います。WordPress を使えば、HTM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
