ES6の新しい変数宣言「let」と「const」の使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ₍₍ (ง ˘ω˘ )ว ⁾⁾ ECMAScript連載の第2回となります。前回は、ES6を最新ブラウザに対応させる「Babel」の使い方をご紹介しました。 ES5までの変数宣言は「var」のみ ES5までは、変数を宣言するときvarしかありませんでした。 しかし、ES6になってletとconstが導入され、挙動が変更されたので、これらを解説していきたいと思います( ˘ω˘)☞三☞ｼｭｯｼｭｯ letは「再宣言するとエラーが出る」 letは、varと同じように宣言を書いていきますが、再宣言をしたときにエラーが出る仕様になりました。 例を見てみましょう( ˘ω˘)☞三☞ｼｭｯｼｭｯ 'use strict' var test = 11;//大丈夫 var test = 13;//再宣言できる console.log(test);//13が返ってくる varの場合、同
これはハマった！スマホサイトのコーディング時に悩んだバグと仕様4選【iOS8情報あり】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先月LIGブログがリニューアルされました。僕はメインでコーディングを担当していたのですが、いつものようにスマホでの不具合には悩まされました。 とくに今回焦ったのは、直前でiOS8がリリースされたことでした。まだ情報がない中で、こいつで起きた不具合を解明するのには手こずりました（’ー’） そこで今回は、スマホのコーディングで僕が詰まったポイントとその解決方法について、実例を踏まえながら紹介していきたいと思います！ 1. iOS8でz-indexを使っている要素をJSで操作すると、重なり順がおかしくなる こちらのページ（SP）では、社員の写真要素をスワイプすると画像が反転する、という動きを実装しています。 position:absoluteで表の写真、裏の写真を重ね、z-indexで重なり順を設定していた
【図解】写真を魅力的に見せる12の構図！魅力的な写真の特徴も紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「撮影」を本格的に学びたい方へ 撮影の基本知識を身につけたい、映像クリエイターを目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ 魅力的な写真とは カメラを構えているとき、ファインダーを覗いて撮りたい画を決める瞬間があります。その瞬間の「撮影範囲」、あるいは「撮影した後にトリミングしようと思っている範囲」を決めることをフレーミングといいます。 写真が魅力的になるかどうかは、このフレーミングにかかっています。 ヨコに撮るかタテに撮るか？ アングルは上からか下からか？ など、カメラマンが自分のセンスで、被写体および背景をどのように写真に収めるのか決めていきます。 このフレーミングを行う際に、注意すべき点が1つあ
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
