JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して
JavaScriptのプログラミングに関するTips集。 主に中級レベルの話題とノウハウを掲載する。 なお，JavaScript初級〜中級をクイズ形式で網羅的に学習するためには，下記のエントリを参照。 JavaScriptの動かないコード (JavaScriptエラー集) http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779 ※JavaScript以外のプログラミングについては，こちらを参照。 ピュアJSを極める： JavaScriptで，クラスを継承する方法 （複数のサブクラスから共通クラスのプロトタイプを参照する） JavaScriptでの例外設計 （throw，try-catch-finally構文のイメージと利用パターン） JavaScriptで，動的に追加されたイベントリスナの実行順序を保
何でも制作できる！色々なサイトの「つくりかた」と知識まとめ
作成：2014/03/10 更新：2014/11/01 Web制作 > 慣れていないジャンルのサイトを制作するときに素早く構築できるよう、コーポレート・ペライチ・通販・ポートフォリオ・サービス系ページなどジャンルごとに「つくりかた」や、簡単にシステム構築できるプラグインなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ポートフォリオサイト １．つくりかた コーポレートサイト ２．つくりかた（WordPress版） ３．受注から納品後までの全工程 Ｗｅｂサービス系＋ペライチ ４．ブラーエフェクト（曇りガラスっぽく） ５．フルスクリーン（画面幅にピッタリ） ６．パララックスデザイン ７．横スクロール系 ８．Modern UI ９．可変グリッド 販売系サイト １０．ＥＣサイト １１．電子書籍を販売 １２．画像販売 １３．不動産サイト １４．予約管
Webアプリケーションの構成に関する予備知識 - Qiita
自分の担当したWebアプリケーションを引き継ぐ際に、予備知識として説明したことのまとめ 注意事項 もともと明確に定義されていない概念や、簡単に説明するため正確さを犠牲にした部分が多い 間違っていることを前提に、疑いながら読むのがベター アプリケーションの層構造 アプリケーションを構成するオブジェクトには非常の多くの種類がある アプリケーションの（より良い）構成をオブジェクト単位で考えるのは難しいので、もっと粒度の大きい単位で考えたい アプリケーションをいくつかの層（オブジェクトの所属するグループ）に分割し、層単位でアプリケーションの構成を考える View層（ビュー層） レスポンスをクライアントにとって都合のいい形（i.e. 画面）に変換する層 View層のオブジェクトは Controller層のオブジェクトから利用される DomainModel層のオブジェクトを利用して、ユーザーに表示した
画像の代わりに使えるアイコンタイプのWebフォントのまとめ
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
CSS3のWebフォントを使ってみよう
CSS3のWebフォント機能は、サーバー上にあるフォントを利用するもので、ユーザーの閲覧環境に依存しません。使用したいフォントファイルをサーバーにアップロードし、CSSで読み込ませるだけで利用できるので、フォントの選択肢が広がります。 これまでテキストを画像化して表現していたWebのタイポグラフィも、Webフォントを使って自由に表現できるわけです。テキストなので、選択やコピー＆ペーストも可能、SEOにも有効です。もちろん、font-sizeやcolor、text-shadowなどのCSSプロパティも適用できます。 主要なブラウザは、既にWebフォントに対応しているので、少しの工夫ですぐに利用できます。ただし、フォント形式やライセンスなど、利用に際してはちょっとした注意が必要です。本稿では、これら注意点を踏まえてWebフォントの利用方法を紹介します。 Webフォントの利用方法 では早速Web
「そもそもGitって何？」、「GitとGitHubは何が違うの？」にシンプルに答えるよ-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
こんにちは、シックス・アパートのディベロッパーリレーション担当、にっくです。 先日は、新しくなったプラグイン&テーマディレクトリのご紹介をしました。 新しいディレクトリは、GitHubとの連携機能が大きな特徴の一つで、GitHubに登録したプラグインやテーマを簡単に登録できるようになりました。 ただ、GitHub、そしてGitについて、まだ使ったことがなく、馴染みのない人もいらっしゃるかと思います。 今回はGitをまだご存じない方を対象に、「そもそもGitって何?」 「GitとGitHubは何が違うの?」という説明と、Gitの使い方に関する情報をご紹介したいと思います。 Photo Credit: hirofumi_kaneko via Compfight cc Git、そしてGitHubとは Git(ギット)とは、プログラムソースなどの変更履歴を管理する分散型のバージョン管理システムのこ
JavaScript国際化プログラミング
JavaScriptはブラウザによって実行されるクライアント向けスクリプト言語ですが、その国際化の標準的な仕様はありません。 ここでは、一般的なポイント、および主要なライブラリを使った国際化について説明します。 ロケール、書式、タイムゾーン JSONを使った国際化 jQueryを使った国際化 gettextを使った国際化 .NET Ajaxライブラリを使った国際化 国際化プログラミングトップへ Copyright (C) 2012 Kokusaika JP, Inc. 本ドキュメントを無断で転載および引用することを禁じます。
Webデザイナー、コーダーならDLしとこう！あると地味に便利なGoogleChrome機能拡張4つ
今日は業務でよく使う、Webデザイナー・コーダーさんならあると地味に便利なGoogleChrome機能拡張をまとめてみました。私にとって、どのエクステンションも無いと「ちょっと困る」ものたちばかりです。 Image Properties Context Menu まずはImage Properties Context Menu。 画像を右クリックすると、パスやサイズ、altテキスト、ファイルサイズ等を別ウインドウで表示してくれます。 参考：[Google Chrome]右クリックで画像のプロパティを簡単に確認できるエクステンション「Image Properties Context Menu」 MeasureIt! 続いてはMeasureIt。 ブラウザ上に「ものさし」を表示してくれるエクステンション。ささっと画像サイズを調べたり、カラムの幅を測ったりするのに使用しています。 Show Ti
Digg - What the Internet is talking about right now
Sign up for Digg's morning newsletter The best stories of the day, in your inbox
Webマーケティングに役立つ無料分析ツール厳選５つ | LISKUL
Webマーケティングでは様々なデータや情報を取得できる事が大きな特徴です。 専用のツールを使うことで競合の状況から市場のトレンドまで「こんな事までわかるのか！」とビックリするような情報やデータを把握することができます。 しかし、市場や競合状況の把握につながる情報やデータを得る方法を知らない人が意外に多いというのが実感です。 そこで、本日は私自身も使っていて便利だと実感している市場・競合調査に役立つ情報源の中から、Web上ですぐに使える無料のツールを厳選してご紹介します。 これらのツールを使うことで、今まで知り得なかった貴重なデータを得ることが出来ます。 競合の状況や市場のトレンドを捉えて戦略や施策を見直すことでこれまでよりも大きな結果を得られるようになります。 1.競合サイトのトラフィック数・流入経路を把握「SimilarWeb」 SimilarWebサイト http://www.simi
プログラミングもクラウドへ―― 学習＆開発環境Webサービス23選まとめ
オンラインでコードを書いて学べるプログラミング学習サイト9選 以前の記事「こんなに充実！Webで学べるIT系学習講座20選まとめ」で、オンラインのプログラミング学習サイトを幾つか紹介しました。 紹介したものは、どれも独学、自学自習タイプのものが主流でしたが、今回紹介するものは、主にオンラインで家庭教師的に教えてくれたり、質問など相互に学習を進めていくことのできる学習サイトです。 Dash（英語） Dashは、対話式で問題や課題を解いていくことでプログラミング作業を学べるサイトです。ステップごとに進み、ゲーム的に学べます。HTML／CSS／JavaScriptの学習ができます。 CodeStudy（日本語）
シングルページなサイトをデザインする上で、知っておいて損は無いかもしれないプラグインとか色々！ | バンクーバーのうぇぶ屋
最近多いですねー、1ページで完結するタイプのサイト。One Page Loveのサイトなんかから、シングルページの事例も大量に見ることが出来ますし、パララックスやらフリップ型のコンテンツやら、なんか色々出てきてて着いて行くのがやっとです… でも実際シングルページをつくろうとすると、え？何これどうなってんの？って物も多くてビビることもしばし。 ってことで、今日は僕が知ってる中で『お、これ、シングルページ作る時に使えるんじゃね？』って物を幾つかご紹介させて頂きます！ 主にはシングルページデザインの表現の幅を広げるjQueryプラグインの紹介になるかなと思いますが、楽しい物も多いので、是非興味があれば試してみてくださいませ〜！ それではいってみましょー！ パララックススクローリング系プラグイン この辺は以前に紹介したことがあるものばかりなので、ぱぱーっと行きます。 jQuery Waypoint
英語の前置詞23個の使い方を完璧に身につける音声トレーニング
Tweet Pocket 英語には、in や out などの前置詞が非常に沢山ありますよね。私は、この前置詞が非常に苦手で、中学や高校のテストの時に、いつも間違えていたことを覚えています。 動詞を使う時でも例えば、take out やtake off など後ろに、どんな前置詞が付くかによって意味が全然違ってしまい、いつまでたっても自信が持てませんでした。 あなたにもそんな経験はありませんでしたか？または、今まさに前置詞に悩まされていませんか？今日は、そのために英語の前置詞完全攻略トレーニングを用意しました。今日で、英語の前置詞の悩みを全て解決してしまいましょう！ 1.前置詞トレーニング方法それでは、早速トレーニングの説明をしますね。今日は、下記の23個の前置詞を完璧に覚えるための音声を用意しています。 out / up / for / on / down / about / of / in
iOSでこんなアプリ,こんな機能を作りたかったらこれを見ろ！作りたいアプリに対応するクラス、フレームワーク、ライブラリのまとめ！ - Qiita
画像を表示しようとしたら遅いよ！ 外部データを取ってきて表示するときにまずはまるのが画像の処理だと思います。非同期で必ず処理しましょう。 画像の非同期ロードはライブラリを使った方が早いと思います。 ヘッダーやフッタをつけたいよ！ tableView.tableHeaderView tableView.tableFooterView に突っ込む方法を書いてあるのが多いんですが、今回はもっと簡単な方法としてStoryboardなどでこれらのビューを直接突っ込んで管理できるのでおすすめ。 テーブルビューの上や下にUIViewをドラッグすると UIViewをIB上で直接追加できます。 後はIBでレイアウトをくめばok 使用するクラス、フレームワーク、ライブラリ ビュー UITableViewController https://developer.apple.com/library/ios/doc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実践的なスキルが身につく無料のプログラミングスクール | 0円スクール
Medium – Where good ideas find you.
Webアプリ開発者のためのHTML5セキュリティ入門
初級〜中級者のためのSQL特訓 - 忘れないようにメモっとく
それPhpStormで出来るよ #phpstudy
SVGアイコンを使ってみたい人にぴったり！実装は簡単で使い勝手のよいアイコンフォント -Stackicons