「できた！」「うまくなった！」達成感と自信を持てば、子どもはどんどん成長する｜No.1 少年サッカーサイト｜サカイク以前、「ありたい自分」に近づくためのメンタルトレーニングについて教えてくれた、プロフェッショナルコーチの守屋麻樹さん。今回は、サカイクに寄せられたアンケートを元に、より具体的なサッカーとメンタルのお話しをお聞きしました。主にサッカーをやっている子どもを持つ親御さんたちが、子どもたちにどう接したらいいのか？ を中心に質問をぶつけてきました。具体的になればなるほどはっきりに見えてくる「メンタルから見た子どもたちへの接し方」。改めて子どもたちとの接し方を見つめ直すヒントになるはずです。
ＦＣＫＳＡ５５ 育成に関する提言。育成に関するエントリーまとめ。
「日本人はボールと一緒にいるのが好きだということだ」。このドゥンガの言葉を引用するのは２回目ですが、そしてこの言葉は、今からもう１２年以上前の言葉になりますが、最近のＪリーグを観ているなかで、私の頭に繰り返し浮かんだ言葉は、この言葉でありました。日本人選手の多くは、ボールが来てからプレーする。逆の言い方をすれば、ボールが来ていない時にはプレーしていない。ボールを受けに動き、ボールを受けたらプレーする。本来ならば、プレーというのは、ボールを受ける前に、ボールを受けたらどういうプレーをしようか、というのを考えておかなければならないと、私はなどは思う訳です。 記事を読む前に、 ◎ サッカー人気blogランキング ◎ ○ にほんブログ村 サッカーブログ ○ ○ サッカー FC2 Blog Ranking ○ 上記３ヶ所への応援クリックを宜しくお願い致します。 攻撃というのは、ゴールという最終目的地
Pieceの中のSymfony #4: Configコンポーネント
Symfony Advent Calendar JP 2012 - Day 6 今回はStagehand_TestRunner、Piece_Flow等、Piece Frameworkのいくつかのプロダクトで使われているConfigコンポーネントについて解説します。 Symfony ConfigコンポーネントConfigコンポーネントはソフトウェアの可変部分を表現する言語を定義し、処理するためのフレームワークです。Symfonyフレームワークにおいてはバンドルおよびその背後にあるコンポーネントの可変部分をユーザーが構成するために使われています。 Configコンポーネントが取り扱うのは一般的に設定や構成と呼ばれるものです。 設定はDSLである ドメイン固有言語 (DSL) は特定用途向けの言語です。ドメイン固有言語は、システムファミリの具体的なメンバを「発注」するのに使い、ゆえにジェネレーテ
Pimpleでシンプルに正しくDIを理解する
オブジェクト指向でソフトウェアを実装していると、オブジェクトの生成に一連の手続きが必要なものがでてきます。このような生成に関する手続きがあちこちのソースコードへ散在すると、望ましくない状況になることは想像に難くないでしょう。この問題に対処するために、Simple FactoryやFactory Methodといったデザインパターンがあり、オブジェクトの生成に関する手続きや関連オブジェクトも含めたオブジェクトの構成（オブジェクトコンストラクション）に関する知識は1箇所にまとめるということが定石となっています。 しかし、単にファクトリーを導入するだけだと、オブジェクトの構成処理は分離・隠蔽できても、利用オブジェクトがファクトリー自体に依存してしまうことになります。このような試行錯誤の歴史から登場したのがDependency Injection(依存性の注入)パターンです。Dependency
Dropbox File Uploader With Twitter Bootstrap
A few weeks ago, Dropbox introduced a neat new feature - the Dropbox Chooser. By embedding it into your website, you give users a button with which they can attach files from their online storage. Today we are going to use this feature to create a simple application that allows people to attach a photo from their Dropbox account, crop an area with the Jcrop plugin, and download the result. Additio
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン:phpspot開発日誌
動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 2012年12月10日- Make an HTML5 video a background - body bg demo 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン。 Youtubeの動画を背景にするjQueryプラグインがあったりしますが、今回は自前の動画を背景に使ったサイトが簡単に作れます。 動画フォーマットも各種指定することで色々な端末に対応することができそう 実装コード。各種動画ファイルをフォーマットベースにオプション指定 若干重いですが、将来的にはこういったサイトも当たり前のように登場していることでしょう。 関連エントリ フリーのオープンソースなHTML5動画プレイヤーいろいろ
通常のtextareaを絵文字入力可能にできる「jquery-emojiarea」:phpspot開発日誌
diy/jquery-emojiarea GitHub 通常のtextareaを絵文字入力可能にできる「jquery-emojiarea」。 次のように、絵文字をテキストで表示するのではなくて、そのまま絵文字を埋め込めるtextareaに変えることができます ポップアップからクリックで挿入可能 :smile: とかでもいいのですが、初心者の場合はやはり見たまま編集が便利ですね。 6KBで軽量で$(element).emojiarea() と実装もお手軽なので、絵文字を入れたい場合など一度試してみてもよさそう 関連エントリ テキストの絵文字を画像アイコンに変えてにぎやかにしてくれるjQueryプラグイン
自分でスタイリングして好きなアイコンを選んでセットでDLできる「Iconbench」:phpspot開発日誌
Style, hand pick & download icons of your choice. 自分でスタイリングして好きなアイコンを選んでセットでDLできる「Iconbench」。 アイコンセットといえば多数の画像ファイルから構成されるアイコンセットが殆どですが、今回は、まずアイコンのDropShadow等のデザインからはじまり、多数のアイコンセットからクリックでポチポチ選んでCSSスプライトでDLできるという優れものです。 アイコンスタイルをデザイン 見本アイコンからポチポチ選びます。 選んだものはショッピングカート風にどんどん追加されていきます Downloadボタンでジェネレート CSSスプライト出力も可能 これはとても便利ですね。 こういう感じのアイコン配布プラットフォームがあっても面白そう 関連エントリ WEBサイト制作に使えるベクターアイコンセットｘ２５ Windows8
Focal Point: Intelligent Cropping of Responsive Images
The practice of implementing responsive images is still in its infancy. We’ve seen a lot of ideas and suggestions for how it should be done and we’re bound to see a lot more. Today we’re going to look at a fascinating little framework that allows you to not only automatically resize your images when the viewport changes, but also crop the images with a specific important focal point in mind. Amazi
Photobooth.js
$('#example').photobooth().on("image",function( event, dataUrl ){ $( "#gallery" ).append( '<img src="' + dataUrl + '" >'); }); container = document.getElementById( "example" ); gallery = document.getElementById( "gallery" ); myPhotobooth = new Photobooth( container ); myPhotobooth.onImage = function( dataUrl ){ var myImage = document.createElement( "img" ); myImage.src = dataUrl; gallery.appendChi
DHA・EPAサプリメントランキング！※各商品の口コミご紹介！
DHA・EPAについて説明していきます。魚は昔から好まれてきた食べ物ですが、理由として様々な健康に良いからだと言われているからです。 逆に現代では中々魚料理を食べる人がいなくなってきていることでDHA不足とも言われております。なぜ魚をあまり食べなくなるとDHA不足と言われるかというと、人間自身で作ることができない必須脂肪酸、いわゆるDHAなどのオメガ脂肪酸を魚料理を食べることで摂取することができるからだと言われているからです。ですから魚料理をたくさん毎日食べ続ければDHAを不足することなく摂取することができますが、反対に毎日魚料理を食べなければDHAの摂取量が減ってしまうのです。 WHO(世界保健機関)でもDHAおよびEPAの摂取を推奨していますが、食事からだけで補うことはなかなか難しいです。マグロなどのお刺身が比較的とりやすいですが毎日お刺身を食べることは大変ですし、かといって加熱調理す
既存のHTMLをMarkdownに変換·reMarked.js MOONGIFT
reMarked.jsはHTMLコンテンツをMarkdown記法に変換するJavaScriptライブラリです。 ライトなマークアップ言語として広く使われるようになっているのがMarkdownです。とは言え新規ドキュメントはよくとも既存のドキュメントの変換は面倒で、利用を控えてしまっているかも知れません。そこで使ってみたいのがreMarked.jsです。 こちらは標準のページ。普通のHTMLです。 reMark it!ボタンを押すとMarkdown記法に変換されます。 他のページでも… 変換されます。dlはHTMLのままになっています。 reMarked.jsを使えば既存のHTMLコンテンツをMarkdownに変換できます。つまり他のフォーマットから乗り換える場合も、まずHTMLに変換してからMarkdownに変換すれば良いということです。これからMarkdownを使おうという方に便利ではな
便利なQRコードをデスクトップでも活用·JS QRcode MOONGIFT
JS QRcodeはWebカムや画像にあるQRコードを読み取るJavaScriptライブラリです。 携帯電話にカメラが搭載されて一気に普及したのがQRコードです。そこで数多あるQRコードをWebブラウザでも活用できるようにしてくれるJS QRcodeを使ってみましょう。 トップページです。 QRコードの画像を指定しました。瞬時に読み込まれてその結果が下に表示されています。 JS QRcodeはWebカムからの入力またはファイルのアップロード（実際にはアップロードされません）を使って画像を読み込み、QRコードの内容を出力します。出力系は数あれど、読み取り系は多くないので諜報しそうです。 JS QRcodeはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る 個人的にスマートフォンになってからQRコードを良く使います。デ
CSS3アニメーションをWebブラウザ上で作成&実行·Stylie MOONGIFT
StylieはCSS3のキーフレームベースのアニメーションをグラフィカルに設定できるソフトウェアです。 CSSでアニメーションを実行できるのは知られていますが、その実装となるとかなり面倒な雰囲気があります。しかしStylieを使えばグラフィカルに簡単に設定が可能です。 デフォルトの表示です。左から右へボールが流れていきます。 単純に流れる以外の動きも指定できます。 こんな感じで曲線にすることも。始点と終点はドラッグで移動できます。 対応ブラウザを選択することでCSSの内容が変化します。 StylieはRekapiというアニメーションライブラリをベースにしています。そのための設定をグラフィカルに指定できるツールと言えそうです。ボールの画像も自由に指定できるので、色々試してみてください。 StylieはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されて
スクリーンショットをDropboxのPublicフォルダに自動保存·UpShot MOONGIFT
UpShotはスクリーンショットを自動的にDropboxに保存して公開できるソフトウェアです。 Mac OSXのスクリーンショットを撮って、それを誰かに見せたいと思うならUpShotを使ってみましょう。Dropboxを使って自動的にアップロードを行ってくれます。 最初にDropboxのPublicフォルダを指定する必要があります。 開始しました。 ~/Dropbox/Public/Sreenshots/の中にスクリーンショット画像が保存されます。保存された後、そのファイルURLがクリップボードにコピーされます。 設定画面です。ファイル名をランダムに変更もできます。 DropboxのPublicフォルダを使うことで認証もいらずにスクリーンショットが公開できます。後はクリップボードに入ったURLを友人へ連絡すれば良いだけです。 UpShotはMac OSX用、Python製のオープンソース・ソ
Webカムの映像を使ったソフトウェアを開発するなら使ってみよう·SimpleCV.js MOONGIFT
SimpleCV.jsはWebカムの映像を手軽に扱えるようにするJavaScript版SimpleCVです。 Pythonベースで作られたOpenCVを手軽に扱えるようにするライブラリがSimpleCVです。そしてそれをJavaScriptにポーティングしたのがSimpleCV.jsになります。 上がWebカムから取り込んでいる画像です。下がそれをグレースケール処理したものになります。リアルタイムです。 さらに様々なイフェクトを加えた結果。かなり怖いです。 こちらはJavaScriptから映像データを取り込んでいるデモ。画像サイズを取得しています。 HTML5のgetUserMediaによってWebカムとWebシステムが容易に連携できるようになっています。それをさらにSimpleCV.jsによって扱いやすくできれば、もっと面白いサービスが生まれる可能性がありそうです。 SimpleCV.j
Fullscreen Pageflip Layout | Codrops
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left. We have received a couple of requests on how to use the BookBlock plugin in fullscreen. So, we decided to create a fullscreen layout, apply BookBlock to it and add a sidebar menu. We’ll show you how to c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ジュニア年代に見てほしい個の技術――天皇杯の見所を元日本代表の柳本啓成さんから学ぶ｜No.1 少年サッカーサイト｜サカイク
How to make iCloud behave like Dropbox - Mac OS X Hints
Engadget | Technology News & Reviews
OverAPI.com | Collecting all the cheat sheets
jobyj.in