index.html

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="discription" content="「思い描いた夢を実現するため、リスクを取って一歩踏み出し、創意工夫して、壁を打ち破る人」こんな人がもっと増えたら、日本は絶対に楽しくなるし、強くなる。九州アプリチャレンジキャラバン（チャレキャラ）は、大きなポテンシャルを持ちながらも、チャレンジする機会の少ない「九州の学生」に新たなチャレンジの場を提供します。">
<meta name="keywords" content="チャレキャラ,九州アプリチャレンジ・キャラバン">
<meta name="robots" content="index,follow">
<meta name="viewport" content="target-densitydpi=device-dpi, width=960px, maximum-scale=1.0, user-scalable=yes">
<meta property="og:title" content="九州アプリチャレンジ・キャラバン">
<meta property="og:image" content="http://challecara.org/ima_ogp.jpg">
<meta property="og:url" content="//challecara.org/">
<meta property="og:site_name" content="九州アプリチャレンジ・キャラバン">
<meta property="og:description" content="「思い描いた夢を実現するため、リスクを取って一歩踏み出し、創意工夫して、壁を打ち破る人」こんな人がもっと増えたら、日本は絶対に楽しくなるし、強くなる。九州アプリチャレンジキャラバン（チャレキャラ）は、大きなポテンシャルを持ちながらも、チャレンジする機会の少ない「九州の学生」に新たなチャレンジの場を提供します。">
<title>九州アプリチャレンジ・キャラバン</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="assets_top/css/top.css">
<link rel="index" title="九州アプリチャレンジ・キャラバン" href="http://challecara.org/">
<link rel="canonical" href="https://challecara.org/" />
<link rel="shortcut icon" href="assets_top/images/favicon.ico">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
<style>
  .s-theme {
    font-size: 38px;
    font-family: YuGothic, "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #404040;
    text-align: center;
  }
  .s-about-who h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 16px 0 4px;
  }
  .s-about-what h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 16px 0 4px;
    padding-top: 16px;
  }
  .s-about-who-there h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 16px 0 4px;
  }

  .s-note {
    font-size: 12px;
    padding: 0 8px;
  }
  .s-note-to {
    font-size: 12px;
  }
  
  .s-entry-in-about {
    margin-left: 160px;
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .s-entry-in-about a {
    color: white;
    background: #319fbc;
    border-radius: 4px;
    display: block;
    font-size: 30px;
    padding: 24px;
    text-align: center;
    width: 600px;
  }
  
  .s-about-what .left {
    float: left;
    margin-right: 32px;
    width: 350px;
  }
  .s-about-who-there .left {
    float: left;
    width: 530px;
  }
  .s-about-who-there .right {
    float: right;
    width: 350px;
  }
  
  /* spacers */
  .mt-4 { margin-top: 4px !important; }
  .mt-8 { margin-top: 8px !important; }
  .mt-12 { margin-top: 12px !important; }
  .mt-14 { margin-top: 14px !important; }
  .mt-16 { margin-top: 16px !important; }
  .mt-24 { margin-top: 24px !important; }
  .mt-32 { margin-top: 32px !important; }
  .mb-4 { margin-bottom: 4px !important; }
  .mb-8 { margin-bottom: 8px !important; }
  .mb-12 { margin-bottom: 12px !important; }
  .mb-14 { margin-bottom: 14px !important; }
  .mb-16 { margin-bottom: 16px !important; }
  .mb-24 { margin-bottom: 24px !important; }
  .mb-32 { margin-bottom: 32px !important; }
  
  .s-clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
</style>
</head>
<body>



<!-- ▼ header -->
<header id="header">
  <div id="header_inner">
    <h1>九州アプリチャレンジ・キャラバン</h1>
    <nav>
      <ul>
        <li><a href="https://challecara.hatenablog.com/" target="_blank">ブログ</a></li>
        <li><a href="#contact-us">お問合わせ</a></li>
        <li><a href="https://www.facebook.com/kappcc/" target="_blank">facebook</a></li>
        <li><a href="https://twitter.com/challecara" target="_blank">Twitter</a></li>
        <li style="text-transform: none"><a href="https://twitter.com/hashtag/%E3%83%81%E3%83%A3%E3%83%AC%E3%82%AD%E3%83%A3%E3%83%A9" target="_blank"><i class="fab fa-twitter"></i> #チャレキャラ</a></li>
      </ul>
    </nav>
    <a id="header_entry" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLScVr8W-X-E5gI1eoV4W4owO01MP70ZStTQbs3N-PkwYfTelKA/viewform">参加エントリー</a>
    <!--span>参加エントリー受付終了しました。</span-->
  </div>
</header>
<!-- ▲ header -->

<!-- ▼ main -->
<div class="main">
  <article>
    <!-- about -->
    <section class="about" id="fixed">
      <div class="mb-16">
        <p class="s-theme">
          使う人から作る人へ
        </p>
      </div>
      
      <div>
        <p>
          チャレキャラ<span class="s-note">(*1)</span>は自分でアプリやウェブサービスを作りたいと考えている学生を応援する九州のコミュニティです。
          2014年からはじまり、今年で５回目の開催を迎えます。
          １２月のコンテストで作品発表することを目標に、７月から順次開催される開発イベントに参加することで、
          実践的なプログラミングスキルや企画力を身につけます。
        </p>
        <p class="s-note-to mb-24">
          *1 2017年までは『九州アプリキャレンジ・キャラバン』（略称：チャレキャラ）として開催されました。
        </p>
        <!-- TODO 2018-06-23 17:23 写真の差し替え -->
        <img src="assets_top/images/2018/about_01.png" title="イベントの様子" alt="イベント風景 1 - 九州アプリチャレンジ・キャラバンについて" width="920" height="300">
      </div>
      
      <div class="s-about-who mt-32">
        <h3>誰が参加できるの？</h3> <p>
          九州の大学、高専、高校、専門学校に通っていて、アプリ開発やウェブサービス開発に興味のある人を対象としています。
          チームでも、お一人でも参加できます。
          <br />
          何からはじめたら良いかわからない人をサポートする体制を整えております！
        </p>
      </div>
      
      <div class="s-entry-in-about">
        <a id="header_entry" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLScVr8W-X-E5gI1eoV4W4owO01MP70ZStTQbs3N-PkwYfTelKA/viewform">参加エントリー</a>
      </div>
      
      <div style="width: 920px; height: 8px;"></div>
      
      <div class="s-about-what s-clearfix mb-32">
        <div class="left">
          <!-- TODO 2018-06-23 17:23 写真の差し替え -->
          <img src="assets_top/images/2018/about_02.png" title="イベントの様子" alt="イベント風景 2 - 九州アプリチャレンジ・キャラバンについて" width="350" height="250">
        </div>
        <div class="right">
          <h3>何をするの？</h3>
          <p>
            １２月のコンテストで作品発表することを目標に、７月から順次開催される開発イベントに参加します。
            イベントでは、どのようにアプリやウェブサービスを開発したらよいのかを、
            メンター<span class="s-note">（*1）</span>がやさしく指導します。
            <br />
            開発イベント以外の時間にも個別に作業を進めてもらい、
            その間はチャレキャラの Slack コミュニティなどを通してサポートします。
          </p>
          <p class="s-note-to">
            *1 主に九州に拠点を置くソフトウェア開発企業からプロのエンジニアが参加しています。
          </p>
        </div>
      </div>
      
      <div style="width: 920px; height: 16px;"></div>
      
      <div class="s-about-who-there s-clearfix mb-32">
        <div class="left">
          <h3>どんな人がいるの？</h3>
          <p>
            毎年、九州の各学校からアプリを作りたいという強い思いを持つ学生が集まってきます！
            最初からチームで参加する人もいますし、１人で参加して、チャレキャラの中で仲間を見つける人もいます。
            本格的なプログラミングははじめての人もいますし、企画力のみで参加する人もいます。
          </p>

          <p>
            そんな皆さんをサポートするため、メンターは九州に拠点を置くソフトウェア開発企業からプロのエンジニアが参加しています。
          </p>
        </div>
        <div class="right">
          <!-- TODO 2018-06-23 17:23 写真の差し替え -->
          <img src="assets_top/images/2018/about_03.png" title="イベントの様子" alt="イベント風景 3 - 九州アプリチャレンジ・キャラバンについて" width="350" height="250">
        </div>
      </div>

    </section><!-- /about -->

    <section class="news-feed">
      <h2>ニュース</h2>
      <div class="container mt-16 mb-32">
        <ul class="inner"></ul>
        <p class="more"><a href="https://challecara.hatenablog.com/" target="_blank">もっと読む</a></p>
      </div>
    </section>

    <!-- outline -->
    <section class="outline">
      <h2>スケジュール</h2>
        <div>
            <img src="assets_top/images/schedule_2018.png"
                 srcset="assets_top/images/schedule_2018.png 1x,
                     assets_top/images/schedule_2018@2x.png 2x"
                 alt="schedule">
        </div>
        <span>※イベントの日程・内容は変更になる場合があります。予めご了承ください。</span>
        <h3>コアイベント</h3>
        <p>月に1度開催されるチャレキャラの中心となるイベントです。</p>
        <p>メンターによる面談でアプリ開発をサポートします。</p>
        <p>アプリ開発に関するワークショップや講座も予定しておりますので、お楽しみに！</p>
        <p>開催場所: <a href="http://frac.jp/" target="_blank">福岡県Ruby・コンテンツ産業振興センター（福岡市博多区博多駅東1丁目17-1）</a></p>

        <h3>中間発表</h3>
        <p>
            コンテストまであと２ヶ月のタイミングで、参加者学生で互いにプレゼンテーションを行います！ライバルは一体どんなアプリを作っているのか！？
        </p>
        <p>
            中間発表までに動く物ができていないとちょっとピンチ！ここで簡単なデモができることを目指しましょう！
        </p>
        <p>開催場所: <a href="http://frac.jp/" target="_blank">福岡県Ruby・コンテンツ産業振興センター（福岡市博多区博多駅東1丁目17-1）</a></p>

      <h3>コンテスト</h3>
      <p>
          コンテストでは、プレゼンとデモンストレーションによる応募アプリの審査と優秀者表彰を行います。コンテストは一般公開します。
      </p>
      <table>
        <tr>
          <th>日時：</th>
          <td>2018/12/8（土）</td>
        </tr>
        <tr>
          <th>場所：</th>
          <td>スカラエスパシオ</td>
        </tr>
        <tr>
          <th>表彰内容：</th>
          <td>最優秀賞（副賞30万円）<br>優秀賞（副賞5万円）<br>企業賞</td>
        </tr>
      </table>
      <span>※コンテストの開催時間は変更になる場合があります。予めご了承ください。</span>
    </section><!-- /outline -->
    <!-- partners -->
    <section class="partners partners-2018">
      <div class="sponsors">
        <h2>Sponsor</h2>
        <h3>プラチナスポンサー</h3>

        <div class="platinum_partners">
          <div class="rows">
            <ul>
              <li>
                <a href="https://www.cyberagent.co.jp/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-cyberagent.png" alt="株式会社サイバーエージェント" width="708" height="223">
                </a>
              </li>
            </ul>
            <ul>
              <li>
                <a href="http://www.haw.co.jp/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-haw.png" alt="株式会社ハウインターナショナル" width="708" height="223">
                </a>
              </li>
            </ul>
          </div>
        </div>

        <h3>ゴールドスポンサー</h3>

        <div class="gold_partners">
          <div class="rows">
            <ul>
              <li>
                <a href="http://www.uzuuzu.jp/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-uzufactory.png" alt="株式会社uzufactory" width="500" height="162">
                </a>
              </li>
              <li>
                <a href="https://mixi.co.jp/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-mixi.png" alt="株式会社ミクシィ" width="500" height="162">
                </a>
              </li>
            </ul>
            <ul>
              <li>
                <a href="http://mistletoe.co/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-mistletoe.png" alt="Mistletoe株式会社" width="500" height="162">
                </a>
              </li>
              <li>
                <a href="https://rescho.co.jp/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-rescho.png" alt="株式会社レスコ" width="500" height="162">
                </a>
              </li>
            </ul>
          </div>
        </div>

        <h3>ローカルスポンサー</h3>

        <div class="local_partners">
          <div class="rows">
            <ul>
              <li>
                <a href="https://anysense.co.jp/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-anysence.png" alt="株式会社エニセンス" width="225" height="50">
                </a>
              </li>
              <li>
                <a href="https://mementocorp.com/" target="_blank">
                  <img src="assets_top/images/2018/sponsor-mementmori.png" alt="株式会社メメントモリ" width="225" height="50">
                </a>
              </li>
              <li class="blank"></li>
              <li class="blank"></li>
            </ul>
          </div>
        </div>

        <h3>ツールスポンサー</h3>

        <div class="tool_partners">
          <div class="rows">
            <ul>
              <li>
                <a href="https://ja.monaca.io/" target="_blank">
                  <img src="assets_top/images/logo_tool_monaca.png" alt="Monaca">
                </a>
              </li>
              <li class="blank"></li>
              <li class="blank"></li>
              <li class="blank"></li>
              <li class="blank"></li>
            </ul>
          </div>
        </div>
        
        <div>
          <p style="text-align: right; color: #888">（各スポンサー様 五十音順）</p>
        </div>
      </div>

      <div class="other_partners" style="margin-top: 28px">
        <table>
          <tr>
            <th>主催：</th>
            <td>九州アプリチャレンジ・キャラバン2018 実行委員会</td>
          </tr>
          <tr>
            <th>共催：</th>
            <td>福岡県Ruby・コンテンツビジネス振興会議</td>
          </tr>
          <tr>
            <th>特別協力：</th>
            <td>
              <ul>
                <li><a href="http://startup-gogo.com/" target="_blank">一般社団法人 StartupGoGo</a></li>
                <li><a href="http://npo-spice.org/" target="_blank">特定非営利活動法人 SPICE</a></li>
              </ul>
            </td>
          </tr>
          <tr>
            <th>協力教育機関：</th>
            <td>
              <ul>
                <li><a href="https://www.kitakyu-u.ac.jp/env/" target="_blank">北九州市立大学 国際環境工学部情報メディア工学科</a></li>
                <li><a href="https://www.kct.ac.jp/" target="_blank">北九州工業高等専門学校</a></li>
                <li><a href="http://www.iizuka.kyutech.ac.jp/" target="_blank">九州工業大学 情報工学部</a></li>
                <li><a href="http://www.kyusan-u.ac.jp/faculty/joho/" target="_blank">九州産業大学 情報科学部</a></li>
                <li><a href="https://www.kiis.ac.jp/" target="_blank">九州情報大学</a></li>
                <li><a href="http://www.design.kyushu-u.ac.jp/kyushu-u/index" target="_blank">九州大学 芸術工学部 芸術情報設計学科</a></li>
                <li><a href="http://www.fuk.kindai.ac.jp/course/information/" target="_blank">近畿大学 産業理工学部 情報学科</a></li>
                <li><a href="http://www.kurume-nct.ac.jp/" target="_blank">久留米工業高等専門学校</a></li>
                <li><a href="http://www.fukuoka-u.ac.jp/" target="_blank">福岡大学 工学部 電子情報工学科</a></li>
                <li><a href="http://www.fit.ac.jp/gakubu/joho_kougaku/" target="_blank">福岡工業大学 情報工学部</a></li>
                <li><a href="http://www.jc.fit.ac.jp/" target="_blank">福岡工業大学 短期大学部</a></li>
                <li><a href="http://www3.nishitech.ac.jp/" target="_blank">西日本工業大学</a></li>
                <li><a href="https://www.kcsk.ac.jp/" target="_blank">KCS北九州情報専門学校</a></li>
                <li><span>※協力大学には、本イベントの広報及び、会場提供のご協力を頂いております。</span></li>
              </ul>
            </td>
        </table>
      </div>
    </section><!-- /partners -->
    <section class="contact-us" id="contact-us">
      <h2>お問い合わせ</h2>
      <div>
        <p class="mb-8">
          運営事務局：<a href="http://ezukatechstudio.org/" target="_blank">一般社団法人e-ZUKA Tech Studio</a>
        </p>
        <p>
          メール：<a href="mailto:info@ezukatechstudio.org">info@ezukatechstudio.org</a>
        </p>
      </div>
    </section>
  </article>
</div>
<!-- ▲ main -->


<!-- ▼ footer -->
<footer>
  <small>&copy; 2014-2018 九州アプリチャレンジ・キャラバン</small>
</footer>
<!-- ▲ footer -->



<!-- ▼ javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets_top/js/libs/jquery/jquery-1.11.1.min.js"><\/script>')</script>
<script src="assets_top/js/jquery.backstretch.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.5.24/dayjs.min.js"></script>
<script>
$(function(){
  $("header").backstretch("assets_top/images/bac_header.jpg");
});

$(function(){
  var box    = $("#header nav");
  var boxTop = $("#fixed").offset().top;
//  console.log(boxTop);
  $(window).scroll(function () {
    if($("#header_entry").length > 0){
      if($(window).scrollTop() >= boxTop) {
        box.prependTo("div.main").addClass("fixed");
        $("#header_inner > a").appendTo(".fixed > ul")
        $(".fixed > ul > a").wrap("<li></li>");
        $("body").css("margin-top","50px");
      } else {
        $(".fixed > ul > li:last-child > a").appendTo("#header_inner");
        $(".fixed > ul > li:last-child").remove();
        box.insertAfter("#header h1").removeClass("fixed");
        $("body").css("margin-top","0px");
      }
    } else {
      if($(window).scrollTop() >= boxTop) {
        box.prependTo("div.main").addClass("fixed");
        $("body").css("margin-top","50px");
      } else {
        box.insertAfter("#header h1").removeClass("fixed");
        $("body").css("margin-top","0px");
      }
    }
  });
  
  $.ajax({
      url: "https://challecara.hatenablog.com/rss",
      success:function(data) {
//           $('.feed .loading').addClass('hide');
//           $('.feed .loaded').removeClass('hide');
//     
          $(data).find("item").each(function (index) {
              if (index >= 6) {
                  return false;
              }
        
              var el = $(this);
              var formatted = dayjs(el.find("pubDate").text()).format('YYYY年MM月DD日');

              $(".news-feed .inner").append('<li><span class="date">' + formatted + '</span><span class="headline"><a target="_blank" href="' + el.find("link").text() + '">' + el.find("title").text() + '</a></span></li>');
          });
      }
  });

});
</script>
<!-- ▲ javascript -->



</body>
</html>