2014年3月28日 CSS, Webサイト制作 ちょうど今作っているサイトで、経歴をタイムラインで表現するページがあったのでコードを紹介。コード自体はとってもシンプルなので、カスタマイズ次第でどんなデザインのサイトにもあわせられると思います。文章にするとゴチャゴチャしがちな経歴・沿革をスッキリと表示しましょう！ ↑私が10年以上利用している会計ソフト！ サンプル Chrome, Firefox, Safari, IE9・10で動作確認。 See the Pen Timeline by Mana (@manabox) on CodePen. モバイルファーストってことで、640px未満の幅のデバイスには年月・見出し・詳細文章を順に表示します。 モバイル版はこんな感じ。サンプルページの画面の幅を調整して比較してください。 HTML timeline というクラスのついたリストの中の li タ

かわいい折り紙の折り方50選！動物～手紙まで子供も大人も使えるモチーフ集子どものころに折り紙で遊んだことありませんか？一枚の紙が様々な形に姿を変える楽しさに没頭した方も多いのではないでしょうか。また、子どものころを思い出してお子さんに折り紙を教える機会もあるかと思います。そんな時に、定番の鶴や兜などを教えてあげるのもいいのですが、ちょっと特別な折り方でビックリさせてみませんか？「ハート」「花」「リボン」「動物」など…簡単に折れるものから少し複雑なものまで、誰かに教えたくなるような、おしゃれで素敵な折り紙の折り方をご紹介します！2019年05月29日更新

ニコニコ動画の投稿からリンクを貼られていたことからこの動画の存在を知り、提督の行動を中心にしてTVアニメ「艦隊これくしょん -艦これ-」の全話を見通した考察を見た。 ・タグ「アニメ+艦隊これくしょん」 これまでアニメ艦これについて書いたことはほとんど各話について元になる史実や背景しか見ていなかったので、この動画を参考にしつつもう少し全体を俯瞰してストーリーを追ってみることにした。 最終話付近で明らかになった「夢」 最終話付近で艦娘たちは史実で起きたことを夢として見ることができるらしいとわかった。提督も同様にして過去を知ることができるようなので「定めのくびき」から逃れる方法を吹雪や提督が模索するのがアニメ艦これのストーリーとなる。 暗号が解読されていることへの対策大和などの戦艦をもっとうまく使うMI作戦で圧倒的な戦力を用意するTVアニメ艦これ第1期では最大の山場となるMI作戦が「定めのくびき

この春、新しいチャレンジをする人たちに 送る特別企画。番外編では、舞妓さんに “普段なかなか聞けないこと”を聞いてみました！

小学校でいじめられた娘は、不登校になり自殺未遂を繰り返した。思い悩んだ末、母は娘が書きためた詩を「遺書」として本にすることにした。だが、２人で作るうちに気がついた。もっとやりたいことがあること。過去にとらわれていたこと。「未来の話をして笑いたい」。この春、夢を描き高校へ進む。 福岡市の秋山のぞねさん（１５）＝ペンネーム＝へのいじめが始まったのは、小学２年の３学期だった。宿題を忘れてしまったのぞねさんの襟を、担任の先生が引きずって教室から出した。算数のプリントを廊下で解くように言われ、床にはいつくばった。 「ウソつき」「この子はバカ」とみんなの前で言われたり、給食を食べさせてもらえなかったりした。同級生が、わけもなくたたいてくるようになった。 なぜ自分だけこんなことをされるのか。ただ悲しくて、怖かった。学校に行けなくなり、心療内科を回った。 詩を書き始めたのはその頃だ。祖母がお見舞いに差し入

東京都は、都内のロケ地を集めたスマートフォン用の無料アプリ「東京ロケたび」の配信を始めた。ドラマや映画、アニメなど約８０作品の撮影場所やゆかりの地を紹介。地域別に、ロケ地巡りの推薦コースも提供している。 都は２０１１年に冊子版を作成し、都庁や観光案内所などで配布してきた。４年がたち、より多くの人に手軽にロケ地を知ってもらおうと、アプリ化した。 葛飾・柴又を舞台にした映画「男はつらいよ」シリーズや、ＮＨＫの連続テレビ小説「あまちゃん」、高視聴率を記録したＴＢＳの「半沢直樹」、米アニメ映画の「ベイマックス」など約１４０カ所のロケ地やゆかりの地を掲載。最寄り駅や営業時間、作品の概要なども分かる。 上野と浅草、新宿、墨田、立川、福生、国分寺のモデルコースもある。新宿コースでは、ベイマックスでロボットの顔のモチーフになった鈴がある花園神社から、ドラマ「ガリレオ」の主人公の物理学者が落ち込んで釣りをし

2015-02-01 自炊ヲタク手帳 ついにやってやった。 ヲタク手帳を作ってやった。 今日は自分の趣味に没頭する日と決めていたので、決行した。 まずはTwitterにも載せたフレークシールを完成させた。 これは光沢透明フィルムに印刷して、チョキチョキと切っただけなので誰でも簡単にできる。 大きいシールもかわいいけど、手帳に貼れるようにサイズを作ると、とてもかわいく手帳に現れてくれる。 そして次に作ったのは手帳だ。 去年の11月末頃、そろそろ手帳がほしいなっていう時期、ヲタク向けの手帳がないものだろうかと考え始めた。 わたしは手帳とかメモ帳とか、そういった文房具が大好きだ。 しかし、ヲタク向けに作られた手帳なんてあるはずもなく、毎年普通の手帳を使っていた。 V6の記念yearでどうしてもちゃんと記録として残したいと思えば思うほど、どうしてもヲタク手帳がほしくなった。ないのに。 ないなら作れ

デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します！ 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です（笑）。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ

12月10 スマホで閲覧時にのみ電話番号画像をタップで電話がかけられるようにするjavascript（jQuery） カテゴリ:jQueryiphone/ipadサイト Tweet クライアントのサイトでは、大抵の場合、ヘッダーやフッターなどに電話番号画像がついたりします。 そして、こんな要望がでます 「スマホで見た時は電話番号をタップしたら電話がかかるようにしてよ」 これを実装はjqueryが便利です。 まずソースはこんな風になってるとします。 <header> <img src="img/tel.png" alt="0120111111" class="tel"> </header> jqueryから処理するためにclass="tel"をつけときます。 js側はこんな感じ。 $(".tel").wrap('<a href="tel:0120111111"></a>'); .wrapとい

ここ半年間の間に、立て続けに3人の友人から引越し先の部屋探しに付き合いを求められました。こんな偶然ってあるんですね！ その影響からか、ネットでの不動産探しが趣味になってしまいました。今では本気で引越しようかと目論んでいます。 そこで、今回はこの半年間で「この部屋に住みたい！」「このマンションはお洒落だ！」だと思わず、本気で引越しを考えてしまったサイトを紹介しています。よければぜひ参考にしてくださいね！ あなたも引越したくなるサイト集 ジョイライフスタイル ■URL：http://joylifestyle.jp/ ■特徴：生活シーン別に20種類以上にカテゴリーされています。例えば「ペットと暮らす」「天井が高い」「バイク駐輪」など。サイト構成も少ないクリック数で詳細ページへ行けて非常にわかりやすくサイトです。物件ページごとにフォームあり。 ■地域：東京都

優れたコンテンツ構成の鉄則を探る！優れたコンテンツとは顧客の悩みを解決できるため、検索やお気に入りから訪問者を獲得できます。そして、そのコンテンツは別のページに誘導する力があり、しかもゴールに結びつける力があります。 前回説明したように、こうしたコンテンツは、天才的なアイデアや人並みはずれた文章力で作られるのでしょうか。実際にはそうではありません。普通のビジネスパーソンが、普通に考え、普通の文章力で作ったものが成果を上げているのです。 意図的ではない分、成果が小さいことがもったいないのですが、これを意図的に行っていけば、狙った成果をより大きなものにできるはずです。それでは、コンテンツの成果が上がる構成とはどんなものなのか解説していきます。 コンテンツの見出しは画像を使わず2行のテキストで作る前回説明したように優れたコンテンツは、検索集客力が高く検索から顧客と出会う力を持っています。検索から

一人でも大人数でも個室焼肉ランチ！薩摩牛専門焼肉店 牛の蔵 最終更新日 ： 2014/10/21 この記事で紹介するのは…東京都・広尾でオススメの『薩摩 牛の蔵（さつまうしのくら）』広尾本店（東京都港区南青山7-13-13ＪＩＮ＆ＩＴビル1F）について紹介しています。ランチ事情に詳しい brax3さんがおすすめのメニューなどを詳細にレポートしてくれています。 個室利用は一人から大人数まで！ 肉。美味いですよね。 滴る脂、とろける赤身。肉の焼ける香ばしい匂いに包まれながらガッツリご飯をかきこみたい時があるじゃないですか。 人目を気にせずただひたすら肉を食いたいそんな時。 そんなときにおすすめなのが牛の蔵。 薩摩牛専門の個室焼肉店です。 全席個室なので一人でゆったり食べるのも、たくさんの人で入ってワイワイ食べるのも周囲を気にしなくて良いので気楽です。 まずは基本のサラダ メニューを見て注文する

この連載は書籍『たった15分で話がまとまる-図解思考の会議』（KADOKAWA中経出版BC）から抜粋、再編集したものです。 ベストセラー「図解思考」シリーズの最新作は「会議」！　これからの生産性を左右するのは、ホワイトボード上で議論を見える化、少人数、短時間で集中して議論する新しいスタイル！　あなたの会社とあなた自身の評価がグンと上がる最強のミーティング技術を身につけてみませんか？ 問題解決とは、問題点が分かればその解決方法がおのずと決まってくるものです。しかし、さまざまな制約からすぐに実行可能な解決策が思い浮かばない場合もあるでしょう。今回は、そんなときに使いたいアイデアづくりのヒントをいくつか紹介します。 古代ギリシア人が連想の法則を導き出した アイデア（観念）からほかのアイデアを導くものが「連想」です。古代ギリシアから用いられ、プラトンやアリストテレスも人間心理の根本的な原理として重

ほとんどの猫は狭いところに入ってもすぐに出てこれますが、まれに不運な結果になってしまう猫達の画像が面白かった

こんにちは！ LIGの副社長のゴウです。 俺の部下に「そめひこ」って奴がいるんですが、いま俺は彼の自宅に来ています。 見てください。この殺風景な部屋。 シンプルですが、あまりにも殺風景な部屋ですね。 今回、「そめひこの家で撮影をしたいから使わせて」と許可を取った上で、この部屋を200万円ほどかけて勝手に改造してみようと思っています。 とりあえず15分ほどでめっちゃ部屋がスッキリしました。荷物なさ過ぎ。 さぁ、こんな殺風景な部屋とも今日でサヨナラ。いつも頑張って仕事をしてくれている可愛い部下を喜ばせたいと思います。 インテリアのプロにお願いしてみた さて、実は今回の撮影をするにあたり、インテリアのプロに協力を仰いでおりました。 それがこちらのショールームを構えるインテリアショップのリグナさんです。 ショールームが東京駅からタクシーでワンメーターの所にあるのですが、なんでしょうねこの空間。 ヤ

本日、qnypを正式にオープンしました。 qnypとは？ qnyp（キュニップ）はアニメをみる人・アニメの話をしたい人向けのサービスです。とくに「アニメの話ができる」ということをメインにしています。 qnypの発端 qnypは、 身近にアニメの話のできる人がいない（けど語り合いたい） 旧作・名作を見るときに、放送当時の感想や反応を1話ずつ確認しながら鑑賞したい まとめサイトやブログに残された感想は構造化されておらず後からの利用がしづらいので、作品やエピソードに紐付いた形で感想を残したい TwitterやFacebookではあまりアニメファンっぽさを出していないので、たまに好きな作品の話を熱く語りたい時にフォロワーの反応を探りながら小出しにしてしまいがち 「魔法少女まどか☆マギカ」の第1話〜第3話を初めて見た時に自分がどう感じていたかを何年か後に見返せたら面白そう といったことから着想して、