タグ Step
新着順 10 users 50 users 100 users 500 users 1000 users呼吸が浅くなってない?浅い呼吸は不調の元:日経ウーマンオンライン【寝る前5分!凝りがほぐれ、呼吸も深くなる ブリージングストレッチ】
step 1 ストレスで硬くなりやすいお腹の力を抜く みぞおちゆるめストレッチ ストレスを抱えた体は、緊張モードのまま浅い呼吸を繰り返している。みぞおちの力をうまく抜けるようになると、横隔膜の動きが良くなって、自然と呼吸が深くなる。 Point! みぞおちが緩めば息を長く吐けるように 「呼吸が浅い人の多くは、息を吐き切れていない。その原因は腹筋のこわばり。このストレッチでみぞおちが緩むと腹直筋の力... 続きを読む
アクセス解析を使ってサイトの課題を発見する12のステップ - リアルアクセス解析
アクセス解析ツールを導入して数カ月。いまいち使いこなせていないあなたへ。私が初めてサイトを分析する時に行う12のSTEPを紹介いたします。GoogleAnalyticsで全て対応出来るレポートです。ここで紹介するのはアクセス解析業界(?)における標準でもなんでもなく、私なりの分析手法ですので、他にも様々な方法やバリエーションがあります。 ※アクセス解析用語の基本的な知識と、GoogleAnalyt... 続きを読む
デザインQRの作り方。 - case:MobileDesign! モバイルサイトのデザイン紹介ブログ
そのほか | いつものサイト紹介からちょっと脱線です。 サイト誘導するためのツールである「QRコード」。その中でもデザインQRコードの作り方のポイントをご紹介します。特殊なデザインQRでなければ、フリーソフトとPhosothopさえあれば作れます。 ・STEP1 プレーンなQRコードを生成する ・STEP2 Photoshopで加工していく ・STEP3 実機で確認する ・オマケ QRをパス化する... 続きを読む
Githubの組織が成長する過程で変えたことと変えなかったこと - ワザノバ | wazanova
GithubのZach Holmanが語るGithubの組織戦略です。まず最初に、 Step #1: ロックスターエンジニアを雇う Step #2: ものすごく透明性のある経営をする Step #3: ブログ/ソーシャルメディアなどでテクノノロジーについて発信する Step #4: カンファレンスで会社について話す Step #5: カネに余裕ができる Step #6: 社員を大勢雇う Step ... 続きを読む
画像に使用されているフォントの名前が分かるオンラインサービス -What Font is | コリス
画像に使用されているフォントの名前やそれがダウンロードできるリンク先が分かるオンラインサービスを紹介します。 What Font is 利用の際に登録は必要なく、3ステップで簡単にできます。 Step 1 調べたい [...] 続きを読む
簡単すぎる鶏ハムの作り方 | nanapi [ナナピ]
はじめに 鶏むね肉は安くて節約の味方ですよね。そんな鶏むね肉を使った簡単な鶏ハムの作り方を紹介します。 材料(4人分) 鶏むね肉(皮なし) 1枚 塩 小1/2 作り方 STEP1:鶏肉の下ごしらえ 鶏肉に塩をもみこみます。 STEP2:ゆでる 鶏肉がかぶるくらいの水を沸かし、鶏肉を入れて10秒したら消火し蓋をします。そのまま30分以上放置します。好みの大きさにスライスして使ってください。 完成! ... 続きを読む
[CSS]初心者にも分かりやすいスタイルシートのチュートリアル | コリス
スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。Step 1. Wireframe – HTM... 続きを読む
ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」 - エンジニア・プログラマのソーシャルITメディア
◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「N... 続きを読む
腰痛を未然に防ぐお尻「大殿筋」のストレッチ - 1日1分からの筋トレ | ライフ | マイナビニュース
足の裏をくっつけて座り、膝を床に近づけ、両手を前に伸ばす 整体師の大山奏です。春は新しいことをスタートするのにピッタリ。大掃除や引っ越しをする方も多いのではないでしょうか。重たい荷物を持つ時に気をつけたいのが腰痛です。今回は腰痛の予防効果もある、お尻の中でも大きな筋肉「大殿筋」のストレッチを紹介します。 大殿筋ストレッチ Step1:両方の足の裏をくっつけて座ります Step2:背筋を伸ばし、なる... 続きを読む
[JS]超軽量で設置も簡単!Facebook, Twitter, Google+のボタンを設置するスクリプト -SocialCount | コリス
デモページ:カウント付きで縦並び SocialCountの使い方 使い方のステップは、2つ。 これ以上ないくらいに簡単です。 Step 1: 外部ファイル スタイルシートとスクリプトを外部ファイルとして設置します。 まずは、スタイルシートをhead内に。 <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> アイコ... 続きを読む
写真画像に「すりガラスのバー」を描くPhotoshopのチュートリアル | コリス
写真画像にテキストなどを配置する「すりガラスのバー」を描くPhotoshopのチュートリアルをPsdtuts+から紹介します。 Quick Tip: Add a Frosted Background to Photo Captions 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 Photoshopで画像ファイルを開きます... 続きを読む
驚愕のおいしさ!!大人気の「ヨーグルトでモッツァレラ」を試してみた! | クックパッドニュース
「ヨーグルトを焼くとモッツァレラチーズのようになる」とお伝えしましたが、本当になるの?と気になっている人も多いよう。そこで、クックパッド編集部が実際に試してみました! 早速試してみた人も多いようで、みんなからの作ってみたレポート(つくれぽ)も増えているよう。クックパッド編集部でもどんな風になるのか気になりすぎる!ということで、実際に試してみましたよ!今回はその模様をお伝えしていきます。 Step1... 続きを読む
Reactを自作しよう
この記事は Build your own React を翻訳したものです。 Reactを1から書き直していきます。 実際のReactコードのアーキテクチャに従いますが、最適化機能と必須ではない機能は今回は実装しません。 Step 1: createElement関数 Step 2: render関数 Step 3: Concurrent Mode Step 4: ファイバー Step 5: Render Phase と C... 続きを読む
[CSS]3ステップでマスターする、スマートフォンやデスクトップなど異なるサイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアル | コリス
Media Queries初心者でも分かりやすく解説された、スマートフォンやタブレットやデスクトップなど異なる表示サイズごとに最適なレイアウトを提供するResponsive Web Desingのチュートリアルを紹介します。 下記は各ポイントを意訳したものです。 Step 1: METAタグ Step 2: HTMLの構造 Step 3: Media Queries さらに実践的な使い方を学びたい... 続きを読む
勝間和代公式ブログ: 私的なことがらを記録しよう!!: 勝間和代のTwitter初級者が中級者になるための使いこなし10ステップ
少し前に、Twitter初心者のための使いこなしの10ステップをまとめましたが、これに続いて、初級者から中級者になるためのステップをまとめてみたいと思います。 Twitter初級者が中級者になるための使いこなし10ステップ Step 1. Retweet、RTを積極的に使う。 Step 2. ハブになる人やタグをみつけて、軸にする。 Step 3. 気になるURL情報を共有する。 Step 4. ... 続きを読む
[JS]シンプルで超軽量なのがいい!レスポンシブ対応のカード型レイアウトを簡単に実装できるスクリプト -minigrid | コリス
レスポンシブ対応のカード型レイアウトを簡単に実装できる、jQueryなどの他スクリプトに依存しないシンプルで超軽量(2KB)のスクリプトを紹介します。 デモのアニメーション minigridの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script src="http://henriquea.github.io/m... 続きを読む
CSS3ビギナーでも分かりやすく解説された、ユーザーが使いやすいボタンを実装するチュートリアル | コリス
CSS3のスタイルやアニメーションを使って、ユーザーが使いやすい美しいボタンを実装するスタイルシートのチュートリアルを紹介します。 下記は各ポイントを意訳したものです。 Step 1:ボタンの実装 Step 2:ホバーのスタイル Step 3:アクティブのスタイル オプション:テキストの選択を不可に まとめ:全スタイルシート Step 1:ボタンの実装 ボタンの実装には、シンプルなテキストリンクを... 続きを読む
スクリーンショットを印刷してもクオリティを落とさないようにする方法 | コリス
スクリーンショットを印刷しても、シャープなままでクオリティを落とさないようにする方法をTurbo Photoから紹介します。 左は通常のキャプチャを拡大したもの、右は下記の方法で高解像度にしたものを拡大したものです。 Create Perfect & Sharp Screenshots at 300dpi! Step 1: Capture the screen スクリーンをキャプチャします [Ct... 続きを読む
[CSS]楽しい動きが満載!ボタンや画像用の40種類以上のホバーエフェクトがまとめられたスタイルシート -Hover.css | コリス
ボタンやロゴや画像にclassを加えるだけで簡単に利用できるホバーエフェクトがまとめられたスタイルシート(SASSも有り)を紹介します。 40種類以上のCSS3アニメーションは、見てるだけでも楽しいです。 Hover.css Hover.css -GitHub Hover.cssの使い方 Hover.cssのデモ Hover.cssの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル ... 続きを読む
数分で簡単にできる、写真画像をミニチュア風のチルトシフトにするPhotoshopのチュートリアル | コリス
元の画像 Stock photo: Observation Point 写真画像にミニチュア風のチルトシフトのエフェクトを適用する方法 Step 1 まずは、写真の選別です。 写真はどのタイプのものでも構いませんが、できるだけ高い位置から撮影している写真がいいです。 元となる画像 Step 2 フォーカスのポイントを指定します。 クイックマスクモード[Q]にし、グラデーションツール[G]を選択しま... 続きを読む
[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll | コリス
デモページ:3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jque... 続きを読む
とろける美味しさ!いちご大福の作り方 | nanapi [ナナピ]
はじめに 著者の家庭で大人気!白玉粉で簡単に作れる、とろけるような美味しさのいちご大福の作り方を紹介します。 材料(16個分) 小さめのいちご 16個 こしあん 320g(1個 20g) 白玉粉 200g 砂糖 100g 水 300cc 片栗粉 適量 作り方(調理時間:30分) STEP1:いちごの下準備 いちごは洗ってへたを切り落とし、キッチンペーパーで水気を拭き取ります。 STEP2:あんこを... 続きを読む
Dropboxが期間限定で容量1GB増えるゲームを実施中 | goryugo, addicted to Evernote
There's more than one way to do it. やり方なんて人それぞれ何でもいいのさ なんかDropboxがゲームやってます。@azur256さんのとこで見つけました。 (最近, 気になったこと…: Dropbox Quest 2011が始まっています) Dropquest 2011 – Step 1 サンデーなモーニングにちょっとやってみたけど、激ムズです。たぶんこれ、ま... 続きを読む
ブログを月間30万PVまでアクセスアップさせた全手法 | ブログマーケッターJUNICHI
今のあなたのブログ運営状況に合わせた方法を実践してみて下さい! STEP1 WordPressブログを作ろう! STEP2 ブログを書きはじめるまでに考えておきたい事 STEP3 ブログの書き方 STEP4 ブロブログを運営しているなら、一人でも多くの人に読んでもらいたいですよね?でも、書いても書いてもアクセス数が上がらない! そんなあなたの為に、ブログのアクセスアップ方法をまとめ... 続きを読む
コンプガチャなき今、どんなガチャがあるか調べてみた。 | GrowthApp
コンプガチャなき今、どんなガチャがあるか調べてみた。,BOX、STEP、引き直しなどいろんなガチャの種類をまとめてみました。30アプリ程度ざーっと見て、やってるガチャをまとめてみました。 ■BOX 初めから決まった数のレアが入っている。ガチャ回すと、パッケージの中からランダムでカードが引かれ、最終的にはパッケージ内のカードをすべて入手可能。 ■ステップ ガールフレンド(仮)では、回すごとに特典が変... 続きを読む