タグ

ブックマーク / allabout.co.jp (20)

  • 2/3 文字列を扇形にカーブさせたり円形に配置させる方法 [ホームページ作成] All About

    文字列を円形やアーチ状(扇形)に並べて配置する方法文字列を、円形に配置して表示したり、アーチ状(扇形)にカーブさせて表示したりする方法を解説。jQueryを使うスクリプト「Arctext.js」を活用すれば、テキストを画像化することなく自由な半径でアーチ状に配置できます。上向き・下向きのアーチを組み合わせれば、コーヒー店のロゴのように文字を円形に配置することもできます。

    2/3 文字列を扇形にカーブさせたり円形に配置させる方法 [ホームページ作成] All About
  • CSSで画像や文字を回転させる方法!transformプロパティ [ホームページ作成] All About

    CSSで画像や文字を回転させる方法!transformプロパティCSSで画像や文字を回転させる方法を解説。CSSのtransformプロパティを使うと、HTMLに書いた要素を45度でも90度でも自由な角度で回転できます。transformの値にrotateを使えば2D(平面)で傾けられ、rotateXなどを使えばX軸・Y軸・Z軸を基準に3D(立体)で回転できます。Y軸で中心から180度反転させれば鏡文字も簡単に作れます。何かを回転させるCSSの書き方をご紹介。 CSSのtransformプロパティなら、画像や文字を丸ごと回転できる ウェブ上の文字や画像を90度回転させたければ、全体を画像化して加工するくらいしか方法がないと思われるかもしれません。また、文字や画像を45度だけ回転させたり上下や左右をひっくり返したりしたければ、やはり画像として加工するしか方法がないと思われるかもしれません。し

    CSSで画像や文字を回転させる方法!transformプロパティ [ホームページ作成] All About
  • HTMLの表示/非表示を切り替える2つの方法 [ホームページ作成] All About

    HTMLの表示/非表示を切り替える2つの方法HTML内の特定の要素について表示/非表示を切り替えたい場合は、JavaScriptを使って当該要素のスタイルを変化させれば簡単です。ある要素の表示/非表示を切り替えるには、displayプロパティの値を変更する方法と、visibilityプロパティの値を変更する方法があります。ボタンのクリックで動作するサンプルを使って、画像の表示/非表示を動的に切り替える処理の書き方をご紹介。 HTMLで作った特定箇所の表示/非表示を切り替える方法 JavaScriptを使ってスタイルを変化させれば、HTMLで作成した任意の要素の表示/非表示状態を動的に切り替えられます。その際、指定要素の表示/非表示を切り替える目的で使えるスタイルには、displayプロパティとvisibilityプロパティの2種類があります。どちらを使っても表示/非表示を切り替えられますが

    HTMLの表示/非表示を切り替える2つの方法 [ホームページ作成] All About
  • JavaScriptでパスワード認証を設定! 簡単な閲覧制限 [ホームページ作成] All About

    パスワードを入力しないとアクセスできない秘密のウェブページを作りたい場合、いくつかの方法があります。例えば、ウェブサーバのBasic認証(基認証)機能を利用したり、パスワードの入力を求めるCGIを作成して使ったりする方法があるでしょう。 しかし、個人サイトなどでは「そこまで強固な認証機能は要らないので、複雑なことはせず、とにかく簡単にアクセス制限を設定したい」という場合もあるでしょう。そのような場合は、JavaScriptでパスワードの入力を求める手軽な認証方法を使ってみてはいかがでしょうか。 完全ではない(脆弱な)代わりに、簡単に作れるJavaScriptでの認証機能 JavaScriptを使ったパスワード認証は「なんちゃって認証」とでも呼べばよいか、完全なアクセス制限にはなりません。URLを直接指定すれば誰でも閲覧可能なため、認証後のURLがバレるだけでパスワードを入力せずにアクセス

    JavaScriptでパスワード認証を設定! 簡単な閲覧制限 [ホームページ作成] All About
  • 英語プレゼン成功の秘訣 [ビジネス英会話] All About

    英語プレゼン成功の秘訣上司に突然英語でのプレゼンを命じられたら??初めて臨む英語でのプレゼンテーション。緊張しながらも、掴みと締めを上手に乗り切るコツを伝授いたします。これが、「決めの一言」です! 突然上司英語でのプレゼンを命じられたら? 誰でも番は、緊張の極に達してしまうもの。例え発表する内容には自信があっても、自分の英語に自信が持てないと言う方は多いのではないでしょうか? 英語のプレゼンテーションのコツは最初と最後をキメる! 英語プレゼン成功のコツとは、「最初と最後をキメる!」です。最初のつかみでスベってしまうとモメンタム(勢い・雰囲気)の回復が困難。また、最後を自信に満ちた様子で終えることができれば、それだけで、プレゼンに説得力を与えることができるものなのです。 最初と最後をキメるためには、英語の音が、極めて重要な働きをします。最まずは、最初の切り出しについてのポイントから攻めて

    英語プレゼン成功の秘訣 [ビジネス英会話] All About
  • デスクワーク派、必見! オフィスでできる腰痛体操 [腰痛] All About

    椅子に座っている時に経験する人がとても多い腰痛や腰の違和感。じっと座っていることで腰への負担が続くと、慢性的な腰痛のきっかけになることも。デスクワークの人にオススメの腰痛予防体操をご紹介します。 座っていると腰が疲労するのはなぜ? 椅子に座っていると、体が疲れずラクなイメージがありますが、腰痛など腰の不調がデスクワークの人に多いのも事実。座り姿勢は足の筋肉疲労を軽減してくれますが、腰への負担を強めてしまう傾向にあります。 仕事に集中している間は異変に気付かなくても、連日のデスクワークで徐々に疲労が溜まっていくもの。仕事の間に腰をトントン叩きたくなったり、背スジを伸ばしたくなったりと、ふと腰部の疲労に気づくことは多い者です。 良い姿勢では座っていられない デスクワークの際に、背スジをピンと伸ばしたまま、いわゆる「良い姿勢」で過ごすことは、とても難しいと思います。「良い姿勢」を保ち続けるという

    デスクワーク派、必見! オフィスでできる腰痛体操 [腰痛] All About
  • PC作業中の正しい姿勢は?パソコンによる肩こり・腰痛の予防法 [肩こり] All About

    「しつこい肩こりや腰痛はパソコンが原因?」と感じている方は多いようです。パソコン作業中の姿勢と使用環境を見直し、肩こり・腰痛を軽減、予防しましょう! <目次> パソコン作業の姿勢の悪さは肩こりの原因に 肩こりの原因になるパソコンの姿勢・環境チェック イスに座るだけで筋肉は疲労する こまめに席を立って身体を動かすことがポイント パソコンの姿勢の影響?ウエストのくびれに左右差が パソコンのディスプレイを見つめて背姿勢に パソコンの位置は体の正面!机スッキリで歪まない体に 手首や腕の疲れも肩こりの原因に 机、イスの配置と足元のゆとりが肩こりを防ぐ パソコン作業の姿勢の悪さは肩こりの原因に パソコンは今や仕事、プライベートで大活躍のアイテムです。「勤務時間のほとんどがパソコンを使った仕事です。」という人も珍しくなく、肩こりや首の痛み、腰痛を訴えるケースが少なくありません。 このような体の不調にお

    PC作業中の正しい姿勢は?パソコンによる肩こり・腰痛の予防法 [肩こり] All About
  • 休み明けに多い「睡眠相後退症候群」とは?

    休み明けに多い「睡眠相後退症候群」とは?夏休みは楽しかったけど、会社や学校が始まっても、なかなか元のペースに戻れない……。いつまで経っても、夜に寝つけられず、朝起きるのがつらい人は、体内時計が壊れてしまったのかもしれません!? 明け方にならないと眠れず、朝は目覚まし時計をかけておいても起きられない。そして、蒲団を出るのはいつも昼過ぎ……。長い休みの間に生活のリズムが狂ってしまい、休みが終わって学校や仕事が始まっても、元の生活パターンに戻れないことがあります。 そんな人は、睡眠相後退症候群 という病気かもしれません。今回は、最近増えてきたこの症候群について、詳しくご紹介します。 周りにこんな人はいませんか? 睡眠相後退症候群 というのは、「 睡眠の時間帯が、好ましい時刻よりも遅い時間帯で、持続して固定されている状態 」のことです。 この病気の人は、寝つくのは遅い時刻ですが、毎日ほぼ一定で、い

    休み明けに多い「睡眠相後退症候群」とは?
  • 首が原因の肩こり?首を軽〜くする1分体操 - [肩こり・腰痛]All About

    首がミシミシなる…肩こりの予防・解消に首の1分ストレッチ!【カイロプラクティック理学士が解説】肩こりの原因はさまざま。肩の筋肉をほぐしても凝りが改善せず、首に原因がある場合も珍しくありません。首がミシミシなるといった自覚症状がある方の 肩こり解消に有効な「首の1分ストレッチ」をご紹介します。 肩こりとひと言で言っても、肩こりに至るまでには、人それぞれ負担の大きい部位が違うことがあります。自分はどこが悪くて肩こりを起こしている可能性があるかを知っておくことは大切だなことです。 自分の肩こりの傾向に合った改善策をとることで、肩こりしにくい身体を作っていきましょう。 首の筋肉もセルフチェック!肩こりの原因が首にある場合も 肩こりはどのあたりに感じるかをチェックしてみましょう。一言で肩こりといっても、注意深く観察すると、 後頭部から首の後ろにかけて凝りがひどい 首スジから肩にかけて凝りがひどい 首

    首が原因の肩こり?首を軽〜くする1分体操 - [肩こり・腰痛]All About
  • うつから守るセロトニンを上手に摂るには? [食と健康] All About

    ストレスの多い現代人は、誰もが「うつ病」になる可能性があると言われています。「うつ病」対策として注目されているのが「セロトニン」という成分。習慣を見直して気をつけることも有効といわれています。 <CONTENTS> 不規則な事やダイエットはセロトニン不足に……P.1 セロトニンに関わる栄養素や成分……P.2 生活習慣の見直しを……P.3 不規則な事やダイエットはセロトニン不足に 「うつ病」などのココロの健康は、人間関係や労働条件などの環境からくるストレスなどが過度になった場合にひき起これさるため、以前はあまり事と関係があるようには思われていなかったと思います。 確かに根的な問題が改善されなければ当の解決にはならないのですが、現代人が陥りやすい生活習慣が、脳の栄養不足を招き、「うつ病」などにつながりやすいことが近年取り上げられています。 例えば、うつ病の人は、脳内にセロトニンが少

    うつから守るセロトニンを上手に摂るには? [食と健康] All About
  • 指・ウデ酷使は要注意!肩こり予防・解消法 [肩こり] All About

    肩こりと手や腕の筋肉疲労は、実は密接な関係があります。毎日使う手や腕ですが、疲労に気付かず放置してくと、肩こりが悪化することもあるのです。予防に適したエクササイズをご紹介しましょう。 肩こりだけではなく、腕こりも!? 肩こりの人の中でも、腕のだるさや張りを感じる人と感じない人がいます。腕に何の違和感も無い人でも、腕を軽く圧してみると痛みがあり「あぁ、凝っていたんだ。」と気がつく場合も多いです。 手、指やヒジの動きで腕の筋肉は使われますが、日常ではあまりにも当たり前に使われているため、よほど手首や腕に症状が出ない限りは、この部分は自身では注目しないかもしれません。 しかし、毎日使っている以上は、やはり疲労は蓄積される可能性があり、それが肩周りの筋肉へ負担をかけ、肩こりの原因となる可能性もあるのです。「肩が凝ってきたなぁ。」と思ったら、コリを感じる部位だけではなく、腕の張りもチェックすることを

    指・ウデ酷使は要注意!肩こり予防・解消法 [肩こり] All About
  • [肩こり] All About|肩凝り解消に役立つ記事が満載

    肩こり多くの現代人が悩んでいる肩こり。「All About 肩こり」では、よくある肩こりの原因、肩こりに潜む病気一覧を解説。自分でできるストレッチやマッサージなどの予防法、病院や治療院で受けられる治療法など、肩こり解消に役立つコンテンツを準備しました。

  • [不眠・睡眠障害] All About|不眠に関する病気一覧を解説

  • 腰を痛めない腹筋!腰痛でもできる筋トレ方法とは [筋トレ・筋肉トレーニング] All About

    バンザイの状態で仰向けに寝て、腰を床におさえつけます。 両膝を伸ばしたまま、足を床から約30cm浮かせます。 腰と肩は床にしっかりとつけましょう。脚を浮かせた姿勢を保ってください。 ■腹筋の力レベル・レベル別トレーニング 両足をあげた時に腰が浮く~9秒以内→腰周りの筋肉の柔軟性不足が考えられるので、柔軟性をチェックして、ストレッチで柔軟性を改善しましょう(参考:腰痛改善には柔軟が◎ 股関節・腿裏のストレッチで柔軟性チェック)。 10秒台→ベーシックトレーニング 21秒以上→アドバンストレーニング 腰痛持ち向け腹筋 ベーシックトレーニング 腰痛の方は腹筋のトレーニング自体で腰を痛めてしまう事が多いので、まず柔軟性の向上が欠かせません。柔軟性が改善されないと腰を反ったままトレーニングする事になり痛めてしまいます。まず、柔軟性をチェック&ストレッチをしてください(参考:腰痛改善には柔軟が◎ 股関

    腰を痛めない腹筋!腰痛でもできる筋トレ方法とは [筋トレ・筋肉トレーニング] All About
  • ランニング初心者の目指す距離は5㎞から!練習方法とメニュー [ジョギング・マラソン] All About

    まだ体が適合していないわけですから、あせらず体づくりを心がけましょう。その一番の方法はウォーキングです。車を使わず、積極的に歩く、駅やビルのエスカレーターは使わず階段を利用するというように、生活環境を無料アスレチックジム化してしまいましょう。 目標距離5kmを歩いた記録をランニングの起点にする 現代人は、どうしてこんなに歩かなくなってしまったんでしょうか。せいぜい歩いて10分ほどの場所へも車を使ったり、自転車を使ったりと……。 ここで、あなたが普段どれだけ動いているかを可視化してみましょう。まず、自宅や勤務先が載っている地図を用意してください。縮尺は1/10,000~1/50,000程度がいいでしょう。ドライブ用地図でも、インターネットからのダウンロードでも結構です。そして、自宅ないし勤務先を中心に、おおよそ半径2.5kmの円を描いてみてください。 けっこう遠くの方まで入るものだな、という

    ランニング初心者の目指す距離は5㎞から!練習方法とメニュー [ジョギング・マラソン] All About
  • 徹底的に腹筋トレーニング - [男のエクササイズ]All About

    徹底的に腹筋トレーニングもうすぐ薄着の季節!!となると、気になるのがボディライン。お腹周りが気になる方も多いのではないでしょうか。そこで、器具なしで自宅でも出来る腹筋のトレーニング方法を御紹介致します。 もうすぐ薄着の季節!!となると、気になるのがボディライン。お腹周りが気になる方も多いのではないでしょうか。そこで、器具なしで自宅でも出来る腹筋のトレーニング方法を御紹介致します。 トレーニングをする前に 腹筋のトレーニングをする前に次の点に注意してください。 ・腹筋上部の種目、下部の種目から最低一種目ずつ選んで行いましょう。 ・目標回数ができなくてもOKです。フォームがキープできなくなったらセットを終えてください。回数は調整しても構いませんので、できるだけ3セット行うようにしましょう。 ・インターバルは30秒~1分で3セット連続で行いましょう。 ・1日3種目を週に3回は行いましょう。余裕が

    徹底的に腹筋トレーニング - [男のエクササイズ]All About
  • カフェインが効くまでの時間の目安…効果的な眠気対策に [睡眠] All About

    カフェインが効くまでの時間の目安…効果的な眠気対策に【医師が解説】眠気覚ましの強い味方・カフェインが効くメカニズムと、カフェインが多く含まれている飲料や材、上手なカフェインの摂り方について解説します。カフェインが効くまでの時間も考えて、効率的に摂取しましょう。 目覚めに一杯、あるいは退屈な会議のときに一杯と、眠気覚ましの飲み物といえば、まずコーヒーやお茶などのカフェイン飲料が思い浮かびます。では、どのようなメカニズムでカフェインが眠気を取ってくれるのでしょうか? 脳の中で働く睡眠物質のひとつに「アデノシン」があります。アデノシンは、「GABA作動性神経」を通じ、脳の活動を抑えたり、視床下部にあるノンレム睡眠の中枢に働いて脳全体を眠らせたりする働きがあります。このため、アデノシンが脳に溜まってくると眠気が強くなってくるのです。 カフェインは、アデノシンが細胞に作用することを邪魔して眠気を減

    カフェインが効くまでの時間の目安…効果的な眠気対策に [睡眠] All About
  • オフィスでできる猫背矯正法!

    オフィスでできる猫背矯正法!
  • 元実業団選手から学ぶストレッチ・ウォーク [ジョギング・マラソン] All About

    元実業団選手から学ぶストレッチ・ウォーク故障を予防し、走りを良くするストレッチング。ランナーのためのメニューですが、ウエストや腰回りを引き締めるスタイリングにもどうぞ。今もスタイル抜群、実業団で活躍した土岐真保美さんのコーチです。 先日、実業団で活躍された、元NECの村中(現姓土岐)真保美さんと元あさひ銀行の堤文子さんを講師にした、ランニング教室(若葉グリーンメイト主催)が開催されました。読者の皆さんに参考になる内容でしたので、今回はその中で、土岐さんが担当された実技部分の内容をお伝えしましょう。 まず、土岐さんが重視したのがストレッチング。尻周りから爪先にかけて、それから腕振りのための肩周りが中心です。ここまでは、多少経験が加われば、どなたでもやっていると思いますが、土岐さんの講義では、さらに大殿筋のストレッチングが加わっています。 この部分は、ただ足をぶらぶらさせるような走り(ジョギン

    元実業団選手から学ぶストレッチ・ウォーク [ジョギング・マラソン] All About
  • 会議中にコッソリ実行! 眠気を覚ます技

    「春眠、暁を覚えず」と古い歌にも詠まれている、この時期。ただでさえ眠いのに、ランチ直後の会議ほど、眠気が襲ってくる時間はありません! でも、上司や取引先の目の前で、眠るわけにはいかない。そうは思っても、瞼が閉じて、いつの間にか意識が飛んでしまいそう! そんな時には、ここで紹介するアイテムと技を、ぜひ試してみてください。 「今日は眠くなりそう……」と予想できているときは ⇒ 一口で眠気を撃退! 会議前から既に眠い人や、間違いなくつまらない会議のときには、一口ほおばればスッと目が覚める、お助け品や薬を準備しましょう。どれもコンビニやドラッグストア、スーパーに置いてあるので、近くですぐ買うことができますよ。 ■ 眠眠打破 フィルム 常盤薬品 24枚入り 210円 誰にも気付かれずに、コッソリと眠気を吹き飛ばしたい! そんなときにお勧めなのが、これです。フィルムタイプですから、口の中に入っていて

    会議中にコッソリ実行! 眠気を覚ます技
  • 1