SpaceX’s massive Starship rocket could take to the skies for the fourth time on June 5, with the primary objective of evaluating the second stage’s reusable heat shield as the…
![TechCrunch | Startup and Technology News](https://cdn-ak-scissors.b.st-hatena.com/image/square/92584d6251feb0822f349cf0211361b2833c9939/height=288;version=1;width=512/https%3A%2F%2Ftechcrunch.com%2Fwp-content%2Fuploads%2F2018%2F04%2Ftc-logo-2018-square-reverse2x.png)
こんにちは。ディレクターのあかねです。 前回のブログで、新人ディレクター必見!大規模案件をディレクションするときの先回りして準備しておくこと3つで大規模案件の際のディレクションについて紹介しました。勉強になったでしょ?笑 今回はLIG特有かもしれませんが、面白ネタ系のサイトを作るときにディレクターがやるべきことを教えます! ※これだって本当は教えたくないんだよ。。。 1. 前提条件の整理 「面白くて、バズるサイト作ってよ」 だいたいこれから案件が始まります。さて、バズるとはなんでしょう。 「バズる」は「バズ」に「~する」をくっつけた造語で、2つの使われ方がある。 a. Twitterで流行している話題、単語などを指す場合。 b. 口コミを利用したマーケティング手法を「バズ・マーケティング」と呼び、SNSを利用したソーシャルメディアマーケティングを表現する場合。 カタカナで「バズる」、または
お早うございます!デザイナーの王です。 直感ですが、本を読む時、僕は縦書のほうが読みやすいのです。実際、人間の視野って、上下のほうが狭いそうなので、それだけ集中して文字を追いやすいと思います。何より、指でなぞりやすいのがいいww アルファベット表記が混在する場合は別ですが、基本的に縦書が好きです。 今回はタイトルの通り、ルビ付きの縦書の実装方法を紹介したいと思います。 以下は実際にWeb上で表示されたもののスクリーンショットです。 驚愕の事実!実はIEはバージョン5.5から実装されてました! 縦書を指定する際に用いるCSS3「writing-mode」というモジュールは、な‥なんと!IE5.5から実装されてました!今はすっかり嫌われ者とされているあのIEは当時では最先端ですね! 長い間、IE独自実装のため、新参のWeb屋にはあまり知られていない機能ではないでしょうか。 勿論、CSS3の「w
データベースを操作するSQL文 テーブルを操作するSQL文 レコードを操作するSQL文 フィールドを操作するSQL文 データを表示するSQL文 条件を指定してデータを表示するSQL文 例文で使っているデータは以下のような感じです。 哺乳類動物の名前と、生息地のデータで、id は自動で連番を振るようにします。 データベース名 : testdb テーブル名 : mammal フィールド:id, name(動物名), area(生息地域) データベースを操作するSQL文 データベースの新規作成する create database データベース名 ; 例)testdbというデータベースを作る create database testdb ; データベースを選択する use データベース名 ; 例)testdb を選択して操作できる状態にする use testdb ; データベースを削除する dro
これはどうでもいい話なんですけどなんかこう考えると怖いなー、と思った話です。あと念のために言っておくと「パクリ」とか「本当に新しいアイディアなんてない」とかそういう話ではないです。 規則性と不規則性を使いこなす 先週[webデザイン]規則性と不規則性を使いこなすという記事を書いたんですけど。 この記事は、基本的に人の目は規則性のあるものに安心や調和、洗練された印象を受けるので規則性にしたがって整ってた方がいいんだけど、上手いタイミングでそれを外したりしないと印象にも残らないし面白くないものになるし、個性も出せないよねという話でした。 ちなみに規則性の効果については以下の記事でも述べています。 [フォント・デザイン]水平・垂直・傾斜・円弧・不規則 – WEBCRE8.jp 自由なようでいて法則を持ったもの で、なんとなく、普段の制作で自分の発想に基づき規則性から外れた不規則性を作ったと思って
どんな新商品や新規サービスでも、それが世の中に知られないと広がることはありません。 そこで今回は無料で利用できる、ニュースリリース・プレスリリース配信サイトやWebメディアをジャンル別で複数ご紹介します。 プレスリリースとは もともとプレスリリースは、Press(新聞社)Release(発表)という言葉の意味にもあるように、報道機関やマスコミ∂√に向けて告知、発表する行為を指します。 一般的な企業では、広報やマーケティング、IR部門の担当者がリリースを行うことが多く、新商品や新サービスをなど新しいことを始めた事実を広く知ってもらうために利用します。広告とは違って、媒体メディアに取り上げられると「無料」で掲載されるのが特徴的です。記事として取り上げられる可能性は低いですが、掲載されると認知される効果が大きい場合もあります。ただし掲載内容のコントロールができないというデメリットも把握しておきま
リストが長いときにはデフォルトでページネーションをしてもいいだろう。しかし、ユーザーがリストのアイテムをすべて表示するように画面をカスタマイズしているなら、その設定を尊重しよう。 Users' Pagination Preferences and 'View All' by Jakob Nielsen on April 28, 2013 日本語版2013年5月14日公開 ページネーションは多数のアイテムを1つの画面でさらっと見せたいときの必要悪である。例えばこのコラムのような記事がそれにあたるが、コンテンツがリニアなフローになっているとき、それを複数の画面に分割するというのはほとんどしてはならないことである。ユーザーが単に記事を読みたいだけで、その記事から動きたくないと思っているときには、その記事全体を1つの長い画面で見せるほうがわざわざもう一手間かけさせるよりもよいからである。 ページネ
Android:ついに、初心者から上級者まで、誰にでも安心してオススメできる、通信キラー系節電アプリの登場です! 『最大6倍充電長持ち iBattery(アイバッテリー)』は、筆者が知る限りにおいて、最高レベルの節電効果を発揮してくれます。これはもはや、全てのAndroidスマホに標準搭載されていて良いレベルですよ。 通信キラー系とは、スリープ時にインターネット接続を遮断することによって、スマホの勝手な通信をカットし、電池の浪費をおさえる節電方法のことです。 一方、タスクキラー系とは、勝手に通信するアプリの動きを制御する方法なのですが、動こうとするアプリと、それをおさえようとする節電アプリとが常に戦っている状態になってしまい、節電効果が得られ難く、一般的に通信キラー系の方が節電効果は高いです。 ただし、通信キラー系は、スリープからの復帰時に回線接続を開始するので、いざスマホを使おうとした時
DXディライトは、見込み客の獲得から顧客化、受注後の業務フローの構築など、Salesfoceを中核にあらゆる部門の業務環境・フローの構築をご提案いたします。Salesforceの認定パートナー。
2013年 05月 09日 【初心者でもできる!】JavaScriptでFlashのようなタイムラインアニメーションを簡単に作る方法 Yoshiaki Sato はじめまして、フロントエンド担当のヨシアキです。 この記事では、JavaScriptで作るFlashのようなタイムラインアニメーションについて、編集や管理の手間が省けるような作り方を説明していきます。 初心者向けに解説していますので、ぜひこの記事を参考にしてご自分のタイムラインアニメーションを作ってみて下さい! 目次 はじめに - 増え続けるJavaScript製アニメーション 下準備 - HTMLとCSS JavaScriptアニメーションの作成! まとめ このアニメーションのサンプルを見る はじめに - 増え続けるJavaScript製アニメーション iOSなどで表示ができないFlashの代替手段としてJavaScriptで
こんにちは、LIGの技術系ブログは全て読み飛ばしている正統派文系人間・ヨシキです。 進学や就職・異動などで春から新生活をスタートさせている皆さん。新しい環境で早く周囲に打ち解け、自分を理解してもらうためには「自身の魅力を相手に伝え、自分を正しく評価してもらう」こと、つまりセルフ・ブランディングがとても重要です。 しかし実際問題、文系人間が小粋なジョークを飛ばしながら舞踏会の輪に入っていくのは、相当な困難を伴います。 そこで今日は、名乗るだけで自分の特性を相手に伝えることができる、最もお手軽なセルフ・ブランディング手法『キャッチコピー』について解説していきます。 壇蜜さんのブレイクから読み解く『キャッチコピー』の重要性 去年、芸能界では壇蜜さんが一気にブレイクしましたが、彼女のキャッチコピーである「日本一美しい32歳」と「職業・Hなお姉さん」とがもたらしたブランディング効果は絶大でした。聞く
前回の「議事録を制するものはプロジェクトを制する(かもしれない)」で、議事録の書き方と私の Tips を紹介しました。 今回は、作成した議事録をより効果的に使う方法を紹介します。 議事録を読み返すの面倒くさい 後から議事録を読み返すのは面倒くさいですよね。メールでやりとりされていればまだマシですが、それがWordやExcel、もしくはPDFになってたりすると本当に面倒くさくて、議事録を読むこと自体が嫌になって、僕の脳内がプロジェクトの本棚だ、さあ検索しよう!となってしまうかもしれません。 (Windows7 以降はファイルエクスプローラーでファイルを開かなくても内容を確認できるのでいくらか楽になってます。ちゃんと議事録を保管してればね…。) 読み返す時はどんな時? 議事録を読み返す時ってどんな時でしょうか? どんな目的で読み返しますか? 多分、何らかのトピックについて、どのようなやりとりを
▼その『食べログ』の書き込み、営業妨害だよ。知らないのか? 飲食店に対してレビュー記事書いて星つけるっていうシステム自体に限界がある気がするんですよね。レビュワーが多くなると平均化するし、正当な評価か私怨かの区別がつきにくい。 そもそも「レビュー」というものを書くのが個人的にはすごく苦手。レビューを書けと言われると、公平で客観的な内容のものを書かなきゃいけないっていうプレッシャーが大きくて、気軽にかけない。 冒頭にリンクをはった記事では「どうせ書くならうまい店を」っていう結論になってるんだけど、お気に入りの店であってもなかなかレビューを書こうっていう気持ちにならない。というか僕は書いた事が無い。 それこそFacebookに投稿するような「ここおすすめ!」とか「この店の○○は最高!」みたいな一言コメントぐらいを書くのが精一杯。 私怨レビューよりも正当なレビューを書く人が増えれば正当な評価に近
レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。
テキストや画像などのリンクをクリックすると、画像をはじめあらゆるHTMLの要素が配置可能なモーダルウインドウを表示するスタイルシートを紹介します。 CSS Modal CSS Modal -GitHub CSS Modalのデモ CSS Modalの使い方 CSS Modalのデモ デモはIE9を含む、すべての最新のモダンブラウザでご覧ください。モバイル系は、iOS, Android2/3/4のMobile Safariで非常に機能し、Windows Phone8でも機能します。 IE7以下は非サポートで、IE8はエフェクトなしで機能します。 まずは、テキストを配置したモーダルウインドウから。 Modal Text モーダルウインドウ内にトリガーを設定することも可能で、「Open a new modal」をクリックすると別のウインドウが開きます。 ウインドウを閉じるには、右上のクローズをク
Tweetワサ!ワサ!久しぶりのブログ更新。 5月11日に福岡の九州産業大学で行われたIT系のイベント「Future Sync Vol.3」に行ってきました。 (今回ブログを書くにあたり、カメラマンのたいしょーくん(@taisho_jp)が撮影した写真の使用を許可して頂きました!彼が撮った写真にはキャプションつけてあります。たいしょーくん素敵な写真をありがとう!) Future Syncってどんなイベント? 下記、イベントサイトからの引用になります。 『Future Sync』は、ITに関わる様々な人々が集い、近い未来について語り合うトークイベントです。 それぞれが別々に思い描いている「近い未来(Future)」 について語り合い、 それらを多くの参加者と「同期(Sync)」することで理解を深め合いながら、 新たな可能性・アイデア・ 閃きを得られる大きな出会いの場にすることを目指します。
書き方の例 $('読み込ませたい場所').load('読み込ませたいファイル idなどの箇所の指定'); ファイル全体を読み込ませたい場合は”idなどの箇所の指定”はなくて大丈夫です。こちらの方法だと、 記述方法がシンプルでわかりやすい 一気に特定の箇所まで指定できる というのが良い点かなと思います。 jQuery辞書:load .load() | jQuery API Documentation 書き方の例 $.ajax({ type: 'GET', url: '読み込ませたいファイル', dataType: 'html', success: function(data) { $('読み込ませたい場所').html($(data).find('idなどの箇所の指定')); } }); こちらはパッと見た感じ複雑になりました。その分エラーの時の処理などの様々なプロパティが設定出来ます。 j
Webフォントを使用してRetinaにも最適化し... / 深い階層のレスポンシブメニューの実装方法。切り替... / レスポンシブに対応したドロップダウンメニューの実...他...全8件
先日ここでレスポンシブ対応のスライドショーの試作品として 「jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法 」と題して jQueryを使ってのレスポンシブ対応のサムネイル付きクロスフェードスライドショーを 紹介しましたが、操作面に関してフリック操作には対応していなかったので、 メイン部分にフリック動作を追加してみたパターンを試しに作ってみたので紹介してみます。 レスポンシブ動作部分はブラウザ枠を目いっぱいで表示するタイプなので まずは別枠表示で動作サンプルから。。 jQueryでレスポンシブ対応のフリックスライダー(サムネイル付き)をシンプルに作る方法 サンプルでは6枚の画像を自動でスライド切り替えしています。 メインビジュアル部分をフリックすることで左右に移動させることができ 下に並べてあるサムネイルをクリックすることでも メインビジュアル部分を切り
Built in the cloud. Engineered for your enterprise.
問題 あら?IE8はメディアクエリ(cssの@media何々)使えないんでしたっけ? 答え IE9からはメディアクエリが使えるけど、IE6、IE7、IE8は使えない。 こちらのスクリプトを使うと、何とかなるでしょう。 <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> HTML5も!というときは、こちら。 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://css3-mediaqueries-js.googlecod
移住する若者が増えている。 ITの発達や価値観の変化で、どこにいても仕事ができるようになった。 移住先では、都会にはない自然や人のつながりに温もりを感じ、自分らしさを見出し暮らせるようになった。 大学を中退し移住した者、会社を辞めて移住した者。今の自分にどこか違和感を感じて動き出す。 移住した若者は何を見たのか。 ※下記タイトルをクリックすると、各記事をみることができます! いつかは母親もこっちへ 東北で生きがい見つけた23歳 煙山美帆 大学卒業し東北移住 この1年間で気付いたこと 三井俊介 新卒入社して半年、復興地へ 働くとは何かを考える 東京の大学卒業後、16人の限界集落へ移住 坂下可奈子 東京から8300人の町へ、縁もゆかりもない地域で若者だからできること 身の丈に合う幸せの大きさ探す、暮らしかた冒険家・畠山千春さん 東京の大学生4人組が伊豆へ移住して起業 生き方を考える 移住した若
先日約4ヶ月ぶりに日本出張に行った。期間は通常もより少し長めの2週間。 今回の目的はいつものクライアント回りに加え、メディア取材、日本オフィススタッフの面接、友人とのパーティー、幾つかのイベントへの参加と多岐に渡り、お会いさせて頂いた方々の数もかなり多かった。 起業家が評価されるポイント遊び要素の少なさサバイバルコストの高さしばらくサンフランシスコで生活をしてから久しぶりに日本に滞在すると頻繁に行っていた時には気づかなかった事が幾つかある。 その中でも今回は現在日本に最も必要とされている”イノベーション”がなぜ生まれにくいかについて感じた事を簡単にまとめてみたい。 1. 起業家が評価されるポイント日本に行くと経営者の方々や投資/金融関係の人々と会う機会が多い。経営者が集まるパーティーや、起業家向けのセミナー、ビジネスネットワーキングパーティに参加させていただくケースも多々ある。 正直言うと
ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。 30 Great Examples of Web Design Sketches ちなみに僕は勝負用にA3、携帯用にB5サイズでしゃこしゃこしてました。
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
Responsive Retina-Ready Menu | Codrops アイコンフォントを使ってレスポンシブかつRetina対応のUIメニューを作るチュートリアル アイコンフォントなら拡大縮小しても劣化はないということで、CSSとJavaScriptを使ってうまくアイコンもリサイズして綺麗にレスポンシブに、更にRetinaにまで対応してくれるデモです。 UIデザイナーな方はやること増えて大変ですが、チュートリアルをベースにライブラリも出てくれば対応は楽になりそうですね。 それにしても色んなテクニックやディスプレイが出てきたりと、この業界考えることが増えて大変ですね 関連エントリ 3DのソーシャルメディアボタンをCSS3で作成するチュートリアル モダンなサイトを作成するためのCSS3チュートリアル集 テキストを円形に描画するチュートリアル WEBデザイナーなら見ておくべきCSS3のアニ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く