会社概要DEVLOXは総メンバー4,000名超の日本最大のRobloxクリエイターコミュニティです。 国内でのRobloxの発展には、クリエイターコミュニティの形成・発展が必要不可欠だと考えております。 私たちは「日本から世界へRobloxerを輩出する」をコンセプトに、国内から活躍するクリエイターを支援・輩出する取り組みを行っています。
楽しく目標設定♪「マンダラチャート」 | おびむす
こんにちは、しまこです。おびむすがリニューアルして、初の投稿ということで気合が入っています。（いつも気合を入れています） さて皆さん！！！ 今年こそ、目標を立てる！行動する！達成させる！と、いざ考えようと思ったとき、何から始めたらいいかわからない、なかなか目標が見つからずダラダラしてしまっている…そんな経験していませんか？ 私は、していました！ もう「また目標ができなかった。」「そもそも何を目標にしたっけ？」「今度挑戦しよう」と、全部諦めて後回しにしたり、なかったことにすることをやめたくて、今年はちゃんと行動を起こすことに決めました。 『今年は◯◯をする！』と、思うだけでは、また同じことを繰り返すかも…と考えた私は、あるシートの存在を思い出しました！ それは・・・ 目標を立てるなら、「マンダラチャート」がおすすめ！ マンダラチャートとは、曼荼羅チャート、マンダラートとも呼ばれることのある、
大谷翔平選手も実践！目標達成するためのマンダラチャートの効果と書き方を紹介
メジャーで大活躍中の大谷翔平選手も実践した目標達成のための「マンダラチャート」をご存じでしょうか？マンダラチャートは仕事でも絶大な効果があると言われています。 マンダラチャートを作成すると、漠然としていた目標や成すべき行動が明確になり、多数のアイデアや新しい発想が生まれ、効率的に目標を達成することが可能になるのです。 この記事ではマンダラチャートの概要やメリット、基本的な作り方とポイントについて紹介していきます。 マンダラとは マンダラとは仏教に登場する曼荼羅模様に由来するもので、仏教（密教）世界における独自の世界観を視覚的に分かるように表した絵図のことです。多くの場合、大日如来が主尊として中心に配置され、その周囲を諸仏諸尊が取り囲んでいる様子が繊細に描かれています。 マンダラチャートとは マンダラチャートとは、9×9の81マスで構成される目標達成ツールです。81マスの中心に達成したい「目
CSSで要素を変形させよう | 動くWebデザインアイディア帳
HTMLの要素を変形させる代表的なCSSの指定方法を紹介します。 CSSアニメーションのkeyframesに要素の変形を組み合わせると、「パタッ」と要素が出現する、「くるっ」と要素が回転する、といったようなユニークな動きを実現することが可能です。 See the Pen CSSで要素を変形させよう by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」下のRerunを押して動きを確かめてね！↑ 1. transform: ●●; ・・・要素を2D、3Dに変化させ移動、回転、伸縮、傾斜の4つの変形を加えることができる 1-1. 移動 translate(X軸方向の移動距離,Y軸方向の移動距離); translateX(X軸方向の移動距離); translateY(Y軸方向の移動距離); translateZ(Z軸方向の移動距離); transl
stand.fm (スタンドエフエム) 音声配信プラットフォーム
音声配信を気軽にもっと楽しく。stand.fmは誰でも、どこにいても気軽に収録ができてすぐに配信できる音声配信アプリです。
RELOCA [ リロカ ] - 幸せなTURNがあふれる日本へ。
RElocaは地域の総合計画やその他様々な戦略や計画と密接に連携しながら、プランニングとクリエイティブのチカラで新たな地域事業に貢献します。
![RELOCA [ リロカ ] - 幸せなTURNがあふれる日本へ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/5041dcb5b04246daa131f09ce8bae7dbd0896581/height=288;version=1;width=512/https%3A%2F%2Freloca.jp%2Fwp-content%2Fuploads%2F2024%2F02%2Fogp.jpg)
[jQuery] クリックでセクションの表示・非表示を切り替える
目次みたいなリンク一覧がって、リンクをクリックをすると、そのセクション（ブロック）だけが表示され、クリックするたびにセクションが切り替わるような画面を作ったのでメモ。 アプリ名一覧みたいなのがあって、アプリ名をクリックすると、そのアプリの紹介だけが表示されるようなやつ。 一覧が、リンクの場合と、ボタンの場合の 2 種類を作った。 リンクの場合は、 href の値と id で表示・非表示を切り替える。 ボタンの場合は、 id と class 名を使って切り替える。 セクションの切り替えは、 hide() で非表示 show() で表示、または toggle() で表示（クリックするごとに表示・非表示を繰り返す） 表示・非表示のメソッドは、 fadeIn() / fadeOut() や slideDown() / slideUp() などアニメーション付きのもあるので、それらを使ってもいい。
![[jQuery] クリックでセクションの表示・非表示を切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/ce3ffe521c95897fec1cbecf9ad0ed5540e5fc4b/height=288;version=1;width=512/https%3A%2F%2Fagohack.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F08%2Fjquery-logo-200.png){kind=logo}
【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】 | 稼ぎを創造する仮想会社ニークルスク
【Googleマップ】複数ピンを埋め込む方法【サイト・ブログに活用】 【Googleマップ】複数ピンを埋め込む方法を覚えて、サイト・ブログに活用しあなたのユーザーの方々に見やすく判りやすいブログをつくりませんか？ ブログやサイトを見ていると、紹介されたお店などの位置情報をGoogleマップで掲載しているのを見た事ありませんか？あなたのブログでも載せてる事もあるかと思います。 では、あなたの紹介したい場所が複数あった場合、Googleマップ上に複数ピンを立てた地図をブログに埋め込む事は出来ますか？ こんな感じです。 大阪府の１０駅ある道の駅の場所 あ、出来る？ じゃあ、この先は読まなくて大丈夫です・・・(笑) ※説明を始める前に一つ大切な事があります。 複数ピンを立てた地図を埋め込むのは、自分用の複数ピンが立ったマップを皆に公開して見て貰うというやり方になりますので、Googleアカウントが
Google Maps APIを使った地図の埋め込みと、カスタマイズ方法
表示させる地図のイメージ 一般的にカスタマイズが多そうな表示を選びました。 白黒で表示アイコンはオリジナルのものを使うマウススクロールで拡大縮小の禁止ストリートビューは表示させない 以下はイメージになります。 HTMLに書くこと GoogleMapを表示させたい箇所に以下のコードをコピペします。 <script src="//maps.googleapis.com/maps/api/js?key=ここにAPIキーを入力する"></script><!-- APIキーを入力 --> <script type="text/javascript"> function googleMap() { var latlng = new google.maps.LatLng(00.000000,000.00000);/* 座標を入れる */ var myOptions = { zoom: 18, /*拡大比
【超便利】GoogleMapで複数ピンを表示させる方法と共有
【超簡単】GoogleMapで複数ピンを表示させる方法 仕事やブログ、ホームページで複数のお店を紹介する時にとても便利な機能です！Googleマップに複数ピンを立ててみんなに共有することもできます。 [jin_icon_checkcircle color=”#e9546b” size=”18px”]Googleマップにマイプレスという機能を使います！ Googleマップのマイプレスの使い方 ①Googleマップを開く Googleマップを開く Googleアカウントをお持ちではい方はアカウントを作成してください。 ②マイプレスをクリックする Googleマップを開いたら、左上のメニュー（３本線）を開き、「マイプレイス」をクリックします。 ③マイマップをクリックする ④下の「地図を作成」をクリックする ⑤ピンを立てたい場所を登録していく 検索窓で名所を検索できます。ピンのアイコンで好きな場所
Sassのfunctionと使い方について - Qiita
はじめに タイトルについて記事にしました。 この記事で得る内容は以下の通りです。 ・ Sassのfunction（自作関数）と使い方について mixinと比べ、使用頻度は減るかと思いますが、コーディングの幅が広がると思いますので 使い方について簡単ではありますが記事にしました。 例 関数の定義 Sassで自作関数を定義する方法は、以下のように記述します。 引数を囲む( )は、引数があってもなくても必要です。
手書き風ロゴアニメーション | 動くWebデザインアイディア帳
See the Pen 4-1-6手書き風ロゴアニメーション by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」下のRerunを押して動きを確かめてね！↑ 動きを実現する仕組み vivus.js というSVG アニメーションを表示するライブラリを使ってテキストをマスクしたアニメーションを表示。 jQuery でローディング画面のフェードアウトやアニメーションのタイミングを操作。 ［使用するライブラリ］ ＊ jQuery ＊ vivus.js（https://maxwellito.github.io/vivus/） HTMLの書き方 head終了タグ直前に自作のCSSを読み込みます。 <div id="splash"> <div id="splash_logo"> <!-- ベースにするsvgタグを入れる。記述の一部を後程解説する自作のsv
SVGマスクとモーフィングを実装する | BLOG | ROOTSTYLEDESIGN
最近では定番のテクニックになっているSVGマスクをゆらゆら揺れるモーフィングでアニメーションする方法をメモします。 マスクとなるSVGを用意する まず、イラストレータでマスクとなる円を作成します。 今回はモーフィングするので、5つの円を作成しそれをアニメーションします。 注意しなければいけないのは、各種円の形は違うもののパスの数は共通にすることです。 これにより自然なモーフィングになります。今回は8つのパスで作成しました。 SVGに出力しコードを取得する 「別名で保存」からファイル形式の「SVG」を選択して「保存」をクリックしてSVGを出力したら、それをテキストエディタで開いてみます。 そうすると以下のような情報が表示されます。 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 27.1.1,
全角カタカナ→半角カタカナ | 文字変換サイト（無料）
全角片仮名（カタカナ）を半角片仮名（カタカナ）に変換します。全角英数字、全角スペースも半角に変換されるよ。 （携帯サイト制作時に便利かも。利用はもちろん無料のカナ変換サイト。） ■運営会社より 株式会社ゼロスリーです。いつも当サイト「全角カタカナ→半角カタカナ」をご利用いただき、誠にありがとうございます。 この変換サービスを、いつまでも快適にご利用いただけるよう努力していきたいと思っております。 また弊社では、ホームページ（ウェブサイト）制作等のインターネット関連全般を承っております。ご検討中・ご興味ございましたら、お気軽にお問い合せ下さい。 弊社Facebookページへの「いいね！」もよろしくお願いします！
英語→カタカナ変換機
英語→カタカナ変換機 sci.lang.japan FAQ top This page in English 数字 漢数字を1, 2, 3に 1,2,3を漢数字に 日付 西暦/年号変換 尺貫法 長さ 面積 容積 重さ 漢字を探す 手書き パーツで検索 四角号碼 英語 英語をカタカナに カタカナを英語に アルファベットを漢字に 動詞 動詞の活用 動詞を辞書型に直す 仮名 ローマ字を仮名に 仮名をローマ字に 漢字 外国人の宛字名前制作 英単語を入力して片仮名に変換します。 英語 カタカナ アー・ビー・シー・ディー・イー （リンク） 単語とそのカタカナを別々に表示する この英語カタカナ変換はこちらのルールに基づいています。 ご入力はローマ字の「default」に似ています。ローマ字仮名変換はこのページで出来ます。 英単語 仮名1 仮名2 a アー ア b ビー c シー d ディー e イー ※
複数のgoogle.maps.Markerそれぞれに吹き出しをつける
Google MAPS APIで遊んでいて、複数のgoogle.maps.Marker の、それぞれに吹き出し(openInfoWindow)をつけたかったのに、どれをクリックしても最後のマーカーから吹き出しが出てくる！というミスをしないための備忘録。質問しても「クロージャがわかってない奴は云々」とか説教垂れられるだけなので。。 V2 版はこちらです。 <script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=false"></script> <div id="map" style="width: 740px; height: 400px;"></div> <script type="text/javascript"> function attachMessage(marker, msg) { goog
inadani sees – 農と森のインキュベーション -
伊那谷流域で生産される丸太を集荷・販売している、丸太の市場こと『伊那木材センター』へ行ってきました。 これまでに製材所の方や木こりさんの話の中で「これは市場で買った木だね」「この木は市場に持っていくよ」と、何度も市場の存在を耳にしていました。 「丸太の築地みたいな感じだろうか……」 ...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/ymrun_jp
【2024年版】レスポンシブデザインのブレイクポイントまとめ！ - PENGIN BLOG
【particles-js】幾何学模様を動かしてみる – nu-design