ボヘミアン

パソコン

Webプッシュ通知をする噂の「Push7」を導入してみた

Push7 | Webサイト運営者のための、Webプッシュ通知サービス以前、Webプッシュ通知をする「pushnate」を当サイトでご紹介いたしました。Webプッシュ通知サービスは現在、「pushnate」と「Push7」が広く知られてます...
ブログ

待望の「東京駅開業100周年記念Suica」が届いたので開封してみた

待望の「東京駅開業100周年記念Suica」がついに届きました。購入用紙お知らせ「東京駅開業100周年記念Suica」とは「東京駅開業100周年記念Suica」は文字通り東京駅が開業して100周年の記念に作られたSuicaで、発表された当時...
技術情報

リストタグで長さの違う要素を合わせる

今回はリストタグで長さの違う要素を合わせる方法ご紹介いたします。サンプルリスト1~4とリスト5の両端をピッタリ合わせています。サンプルhtml今回はよくありそうなので、liの中にaタグを入れてみました。ポイントは「</li><!-- -->...
技術情報

AMP HTML まとめ

Accelerated Mobile Pages ProjectAMPはGoogleが行っている、モバイル端末でのウェブページの表示を高速化するというプロジェクトです。AMP HTML対応するとgoogleがモバイルの表示を速くしてくれる。...
技術情報

CSSでログインフォームをデザインする

今回はCSSでのログインフォームデザインをご紹介いたします。サンプルユーザーアイコンと錠アイコンにクリック、またはタップするとフィールドにカーソルがフォーカスされます。サンプルhtmlラベルを記述し各フィールドに対応させておくと、アイコンを...
技術情報

CSSで矢印アイコン付きのリストを作る

今回はモバイルでよく見る、矢印アイコン付きのリストを作る方法をご紹介いたします。サンプル右端に矢印アイコンが表示されています。サンプルhtmlulにクラスがついてる普通のリストです。<ul class="cursor"> <li><a hr...
技術情報

テーブルを分けて横スクロールをする

前回はテーブルを分けて縦スクロールをする方法をご紹介いたしました。今回はテーブルを分けて横スクロールをする方法ご紹介いたします。サンプルサンプルでは右側のデータ部分が横スクロールします。サンプルhtmlテーブルをdivで切り、「float:...
技術情報

テーブルを分けて縦スクロールをする

今回はテーブルを分けて縦スクロールをする方法をご紹介いたします。サンプルサンプルではテーブルの見出し下のデータ部分がスクロールします。サンプルhtml外枠、見出し、データ部分に分かれています。見出しとデータ部分のテーブルをdivで切って分け...
技術情報

AMP HTMLの記述例

前回はAMP HTMLの概要をご紹介いたしました。今回は具体的な記述例をサンプルを交えてご紹介いたします。AMP HTMLamp-twitteramp-twitterタグでツイッターを表示するには、ツイートIDを記述します。<amp-twi...
ブログ

個人番号カードを受け取ってみた

去年申請した個人番号カードの交付通知書が先週届いたので、個人番号カードを受け取りに行ってきました。というわけで、今回は個人番号カードについてご紹介いたします。個人番号カードとは個人番号カード総合サイト/トップページ個人番号カードはプラスチッ...
パソコン

Webプッシュ通知ができる「pushnate」がおもしろそう

ここ最近プッシュ通知のサービスが噂になっているので、調べたところ、「pushnate」というサービスを見つけました。というわけで、今回は「pushnate」をご紹介いたします。「pushnate」とはPushnate(プッシュネイト)- W...
技術情報

モバイルの表示が爆速になるAMP(Accelerated Mobile Pages)

去年Googleが提唱したAMP(Accelerated Mobile Pages) が、最近また活発になってきたようです。というわけで、今回はAMPをご紹介いたします。AMP(Accelerated Mobile Pages)とはAcce...
ブログ

無料のイラスト学習サイトの「palmie」がすごい

先日、いつものように何かおもしろいサイトがないか探していたところ、「palmie」というサイトを見つけました。というわけで、今回は「palmie」をご紹介いたします。「palmie(パルミー)」とはイラストや漫画の描き方が無料動画で学べる!...
パソコン

PS4の音声をPCのスピーカーで出力してみた

私は不定期ですが、PS4でゲームをします。この間、ご紹介した格闘ゲームの「恋姫✝演武」を先日プレイしていたのですが、違和感を感じました。原因は直ぐにスピーカーにあると気づきました。YouTubeに上がっていた「恋姫✝演武」のサウンドトラック...
ブログ

噂のVR(バーチャルリアリティ)ヘッドマウントディスプレイについて調べてみた

最近、VR(バーチャルリアリティ)ヘッドマウントディスプレイの記事が賑わっています。個人的に少し気になったので、VR(バーチャルリアリティ)のヘッドマウントディスプレイについて調べてみました。というわけで、今回は「VRヘッドマウントディスプ...
ブログ

クリエイター向けサービスサイト

最近ツイートで、おもしろそうなクリエイター向けのサイトを見つけたのでご紹介いたします。Enty(エンティ)Enty|クリエイター・エンターテイナーとファンが繋がるクリエイター支援サイト。月額100円から支援金額を設定できるので、クリエイター...
ブログ

Enty(エンティ)でクリエイターを支援してみた

私はツイッターで何人かのエンタメの活動を行っている方をフォローしているのですが、そのツイートでクリエイターの援助を行えるEnty(エンティ)というサービスを知りました。ツイートから「Enty」サイトへ飛ぶと、小さい金額から気軽にクリエイター...
エンタメ

「Cytus」という音ゲーがおもしろい

先日は「SoundCloud」についてご紹介いたしました。その「SoundCloud」で「モールナイトニッポン」という音楽を聴いていたのですが、4:18くらいから始まる歌がどうしても気になったので調べてみました。調べると、「Cytus」とい...
エンタメ

株式会社LIGの代表あいさつが面白い

先日ツイッターを見ていたところ、株式会社LIGという代表のあいさつページがとてもユニークで、面白いというツイートが流れてきたので覗いてみました。内容はとてもおもしろく、何度見ても笑いを誘ったのでご紹介いたします。「株式会社LIG」とは本題に...
ブログ

作業用BGMは「SoundCloud」で探すといいかもしれない

私は作業用BGMを探すときは、ニコニコ動画やYouTubeなどで探していたのですが、最近は「SoundCloud」でも探すようになりました。というわでけで、今回は「SoundCloud」というサービスをご紹介いたします。「SoundClou...