謹賀新年2016 エレファンキューブ


みなさま、旧年中は大変お世話になりました。
エレファンキューブは、本日4日より営業開始しております。

2016年の年初にあたり、いくつかご報告とご挨拶など書かせていただきます。

年賀状によるご挨拶の廃止

まずはじめにご報告です。
昨年まで、お世話になったみなさまへ年賀状をお送りしておりましたが、本年より年賀状による年始のご挨拶を廃止させていただきました。理由はいろいろありますが、あまりにも形骸化していて「伝統的な挨拶」という以上の会社としての意味を見出しづらくなったことが一因です。
もちろん、いただいた年賀状は楽しく拝見させていただきますが、こちらからお送りしない不敬をご容赦ください。

2015年を振り返って

2015年は、一言で言うと、なかなかアウトプットが出せなかった「反省の年」でした。
例年のように数多くの案件をいただき、個々の案件は非常に有意義にやらせていただき大変感謝しておりますが、一方で会社全体として、対外的に新しいサービスやソリューションの提供ができたかというと、いまひとつ「これ!」というものが打ち出せないまま年が終わってしまいました。

2016年

反省の2015年をふまえ、今年は「アウトプットをだしていく年」を目指します。
具体的には徐々に公開していきますが、「技術の解放」を内部テーマとして、今まで個々の案件対応のみであまり広く外に出してこなかった技術・ソリューション・サービスなどを、どんどん出していく年にしていく予定です。
どうぞ、ご期待ください。


本年も、エレファンキューブをよろしくお願いいたします。

株式会社エレファンキューブ
代表取締役 支倉常明

swf 素材から Illustrator にベクターデータをもってくる


何らかの理由で残っている素材が swf しかない。
swf には、ベクターで絵が入っているけど、どうやって、Illustrator にもっていったら?というときのメモ。


  1. Flash Professional CS6 で新規ファイル作成(Flash CC はNG)
  2. メニュー「ファイル」→「読み込み」→「ステージに読み込み」で該当の swf を読み込む
    基本的にぐちゃぐちゃのデータになるが、ステージに絵があればそれは取り出せる
  3. 「ファイル」→「プリント」で、「Adobe PDF」から、PDFを生成する。
  4. Illustrator を立ち上げて、新規ファイルを作成する
  5. メニュー「ファイル」→「配置」で生成したPDFを配置する
  6. 配置したPDFを選択した状態で、メニュー「オブジェクト」→「透明部分を分割・結合」
  7. 「プリセット」で「高解像度」を選択して、適宜チェックを入れて「OK」
  8. オブジェクトの「グループ」や「クリッピングマスク」を順に解除していくと・・・ベクターデータとして取り出せる!

「まいにち英作文」を取り上げていただきました


弊社の無料アプリ「まいにち英作文」を EdTech Media で取り上げていただきました。
しかも、アプリ5選のうちの1番目で! ありがとうございます!

自分で英語の文章が書けるアプリ5選
http://edtech-media.com/2015/09/18/0916matome/

アプリ「まいにち英作文」リリース 活用団体募集あと1枠(6/13現在)



6/11付でプレスリリースをだしましたが、「まいにち英作文」という iOS / Android アプリをリリースしました。プレスリリースはこちら

このアプリは、
・毎日変わる画像をみて英作文を投稿する
・他の人が投稿した英作文をみる
それだけのシンプルで分かりやすいアプリです。

現在は投稿するだけですが、今後
・「いいね!」的な簡易評価
・他の人の投稿に対するコメント投稿
・投稿のキャンセル
・twitter投稿
などいろいろ機能を考えていますので、徐々にバージョンアップしていく予定です。


なお、プレスリリース内で、活用団体の募集をさせていただいたところ、先着5団体のところ、すでに4件のお問い合わせをいただいております。
こんなにすぐに興味を示していただけるとは思っておらず、この週末に、急きょ、資料を制作しております(汗)


みなさん、まずは気軽に、Google翻訳を活用してでもよいので、このアプリを使って、毎日の画像を見ておもいついたことを英語の文章にしてみる!ということを習慣づけてみていただければと思います。

教育ITソリューションEXPO(EDIX) 御礼

会場の様子

先週、2015年5月20日~22日、東京ビッグサイトにて教育ITソリューションEXPO(EDIX)が開催され、エレファンキューブは、昨年に引き続き「AQUAアクア」の展示をメインに出展させていただきました。

今回は、株式会社榎本事務所との共同ブースでした。
狭い小道のブースにもかからわず、多数の方にお立ち寄りいただくことができました。
また、その場で、twitterやfacebook等でシェアしていただけた方もおり、大変感謝しております。

ちなみに、ついさっき主催者からの速報が届き、本展示会の来場者数は、27,504名だったそうです。


名刺交換させていただいた方には、また改めてご案内させていただきますが、タブレット教材「AQUAアクア」については、Webサイトをご確認ください。

http://aquastudy.jp/

なお、来場いただいた方へ、5月末まで全コンテンツにアクセスできるID/パスワードをお渡ししておりました。会場に行ったけどID/パスワードがわからなかった、会場へ行けなかったけど、ID/パスワードが知りたい!という方は、上記「AQUAアクア」のページからお問い合わせください。

PhoneGap CLI 5.0.0 で正常動作させるまで


先月末に、PhoneGap CLI 5.0.0 がリリースされていました。
それと関係あるか分からないのですが、PhoneGapでビルドできない現象、ビルドしても実機で起動できないなどの現象がおき、いろいろ調査しました。
まだ、StackOverFlowなどでも情報錯綜している感じでしたが、正常に動作せるところまでできたので、Qiitaに記事としてまとめましたので、ご覧ください。

http://qiita.com/tsunet111/items/c9aaeb6ef4c8426ee84c

教育ITソリューションEXPO(EDIX) 本年も出展いたします。



エレファンキューブは、本年も、教育IT業界最大の展示会、教育ITソリューションEXPO(EDIX)に出展します。
右上のほう、小間番号2-32です。

「EDIX出展してた?」と言われることが多いのですが、「eラーニング ジャパン」のエリアではなく「教材・教育コンテンツ ゾーン」にだしています。広い会場の隅のほうですが、ぜひ足をお運びください。


また、弊社のタブレット教材「AQUAアクア」を中心に展示していますので、「エレファンキューブ」ではなく「AQUAアクア」を探してきてもらうと分かりやすいかと思います。


ご来場おまちしております。

Qiita投稿:PHPからTwitterツイート(2015年2月版)

Twitter の bot をつくってみようと、 TwitterOAuth をつかって、PHPからツイッターにツイートする、というのをやってみたら、意外とうまくいかなかった(ハマりポイントがあった)ので、Qiitaに記事かきました。

ハマったのは、主として
・Twitterの開発者向けサイトが分かりづらくなってた
・TwitterOAuth の仕様が変わっていた

Qiita投稿:PhoneGap でサーバーから画像・音声・動画をダウンロードして表示・再生まで


当社での教材アプリの開発には、例外なく、Adobe AIR や PhoneGap(Cordova)など、マルチプラットフォームでの開発手法を用いています。
「ゲーム」であれば、まず iOS 版をリリースしてみて、売れれば Android 版も開発、という流れでもよいのかと思いますが、「教材」は、ほとんどの場合、受講者全員が閲覧できる環境を提供する必要があり、結果として、iOS/Androidのどちらかだけリリース、ということはなく、総合的に判断すると、ワンソースでマルチプラットフォームアプリを開発できる手法に落ち着きます。

さて、教材という性質上、映像を見せたり音声を聞かせたりと、各種メディアファイルを使うことがほとんどなのですが、PhoneGapでのメディアの取り扱いには、いろいろ癖があります。しかも、動画なんかいれたら、いくら圧縮しても、すぐ容量でかくなって、AppStore、GooglePlayへの登録にも支障がでてきます。
ということで、各種メディアをサーバーから最初だけ端末にダウンロードし、それを表示・再生するところまでを Qiita 記事にしました。

さわってうごく数学「AQUAアクア」 Adobe AppBox Awardsファイナリスト入り


Adobe 製品で開発したアプリの中から優秀作品を決める Adobe AppBox Awards 2014 のファイナリスト20作品に、当社のアプリ さわってうごく数学「AQUAアクア」 が残っています。

Adobe AppBox Awards 2014、ファイナリスト結果発表

受賞作品の発表は、今夜 19時~開催の番組 ADC MEETUP Night 2 の第2部です。
Ustream配信されますので、ぜひぜひご覧ください。

Qiita投稿:AdobeAIR for Desktop アプリがCDで動作しないので、ドキュメントにコピーしてキックする


Adobe AIR for Desktop で Windows 用アプリケーションを開発していたら、CDから起動できないという罠にハマりました。

根本解決ではないのですが、対処した方法を Qiita に投稿しました。

AdobeAIR for Desktop アプリがCDで動作しないので、ドキュメントにコピーしてキックする

Qiita投稿:PhoneGap 環境構築からリリースまで


最近、PhoneGap(Cordova) を利用してマルチプラットフォーム対応のアプリ開発の案件が増えています。

ネイティブ言語で開発されたアプリの操作感にはかないませんが、iOS/Android/WindowsPhoneなどに書き出せるのと、HTMLベースなので、Webサーバーに置いておけば、そのままブラウザベースでも動作させられるのが魅力。

ひとまず、Qiita に2記事書いていますので、よろしければご覧ください。
(iOSアプリについては、また後日書いていく予定)

WindowsでPhoneGapアプリ開発&デバッグ環境構築
WindowsでPhoneGapアプリ開発 Google Playリリース用apkの書き出し


Qiita投稿:Adobe AIR for iOS ソフトキーボードが出現しない原因


当社のさわってうごく数学教材「AQUAアクア」は、Adobe AIR で開発しているのですが、ちょっとハマって解決したことがあったので、Qiitaに投稿しました。

Adobe AIR for iOS ソフトキーボードが出現しない原因

Adobe AIR for iOS でのアプリ開発。
入力可能なダイナミックテキストを置いておけば、フォーカスがあたると自動的にソフトキーボードが出現してくれます。
が、テキスト入力欄にフォーカスが当てられず、入力できないという事態が発生したので、メモ。

ALSについて学べる動画を載せました

photo credit: rpavich via photopin cc

「アイス・バケツ・チャレンジ」の広がりに乗じて、ALS(筋萎縮性側索硬化症)について学べる動画を「学びちゃんねる」にアップしました。

学びちゃんねる特集:難病ALSについて知る

ALSといえば、私の中では、物理学者のホーキング博士のイメージですね。
子供のころ、ホーキング博士の本に興味をそそられて、新刊でるたび読んでました。
ALSについて調べていたら「発症から3~5年で死に至る」とあったのですが、ホーキング博士まだご健在のようで安心しました。

2014/8/13 WindowsUpdateで起動しなくなる問題:今すぐ確認して削除する手順を急ぎ公開

photo credit: vernieman via photopin cc
Windows 7 / Windows 8 で、2014年8月13日の Windows Update を適用していると、起動しなくなることがあるらしいのですが・・・
「自動更新しないようにする方法」「起動しなくなった時の対処手順」はたくさんあるのですが、そもそも、「今、正常起動しているからすぐ確認して削除したい」という場合の手順がまとまっているサイトが、ぱっと探してなさそうだったので、急ぎ、まとめました。

詳細はこちら
http://matome.naver.jp/odai/2140838502056649501

Qiita投稿:ajaxでクロスドメイン通信を実現するphp


支倉です。

しばらく、このブログでプログラム関連の Tips 的なことを投稿していなかったのですが、実は、Qiita というサイトへ、たまにアップしていました。
追々このブログでも再紹介していく予定ですが、とりいそぎ、最近アップしたものを紹介。

ajaxでクロスドメイン通信を実現するphp

ajaxでのクロスドメイン通信をする簡単な方法です。
phpを使用して実現します。
ネットを探していると、なんだか複雑に実装しているサンプルが多かったので、簡単・汎用なものをつくりました。
テキスト形式で取得しているので、あとから、JSONなりXMLなりレスポンスのデータ形式にあわせてパースすれば良いかと。

「学びちゃんねる」βオープン

このブログでの発表のタイミングが遅れましたが・・・
2014年8月8日付けで、「学びちゃんねる」というサイトをβオープンしました。

プレスリリース

開発の背景は、プレスリリースに書いたのですが、YouTube等に「学べる動画」がたくさんあるにもかかわらず、実際に探してみると、検索上位に出てくるのは、「面白いネタ動画」「有料コンテンツの宣伝紹介動画」ばかり。検索キーワードをいろいろ工夫しないと、なかなか目的の動画にたどり着けません。

「笑える動画」「感動する動画」系のサイトは乱立していますが、「まじめに学びたい」と思ったときに便利なポータルサイトがなかったので、このサイトを作りました。

もちろん、最近は MOOCs とよばれ、無料で学べるサイトも増えています。
以下、ざっとリストにしてみます。

大学系
独立系?
※英語圏だと、まだまだ、たくさんあります。

国産サイトだと、以下のような感じでしょうか。

もちろんこれらのサイトで、良質な学びを得ることができます。
ただし、これらのサイトで学ぶような「アカデミックな学び」以外にも、生活の中には、もっと幅広く「学び」があると考えています。

たとえば・・・
  • 料理の作り方
  • ギターの弾き方
  • イラストの描き方
  • 就活面接対策
  • ビジネスマナー
  • 護身術
  • メイクの方法
  • 一眼レフカメラでの撮影
  • 語学
  • 資格試験の対策
  • バイクの整備方法
などなど。挙げれば、いくらでもあります。

もちろん、それぞれ学ぶ場はありますが、意外と、ネット上に様々な「学び」の情報があります。
「学びちゃんねる」では、その中でも「動画」という形で公開されているコンテンツを人力で集めて紹介していきます。

内容が絞られていないぶん、雑多になって、統一感がなくなるかもしれませんが、「学びたい」と思ったときに、Googleよりも効率よく探せる!そんなサイトを目指していきますので、どうぞよろしくお願いします。



入力したテキストを mp3 に変換するサイト

photo credit: "PictureYouth" via photopin cc

他のツール群も出そろってから、正式にプレスを出すつもりですが・・・
テキストを入力すると、合成音声の mp3 をダウンロードできるサイトをつくりました。

text2mp3
http://text2mp3.elephantools.jp/

13言語での読み上げに対応しています。
日本語は、多少の違和感ありますが、英語は、なかなか自然です。


教材のナレーション作成などにご利用ください。

WordPress サーバー移行(エックスサーバー編)

photo credit: IvanWalsh.com via photopin cc

WordPress 環境を別サーバー、あるいは別ドメインなどに移す方法です。
半分は、エックスサーバーの自動インストール機能にたよった移行ですが、備忘録まで。

想定シーン例

  • WordPress 環境を別サーバーに移行する
  • 開発環境やステージングで構築した環境をそのまま本番環境へ移行する
  • 本番環境をステージング環境に差し戻す
などなど。

実施した環境

  • サーバー:レンタルサーバー エックスサーバー(XSERVER)
  • WordPress 3.9.1日本語版
  • DBの操作は、phpMyAdmin 使用
  • WordPress のインストールは、エックスサーバーの自動インストール機能を使用
  • (タイトルは分かりやすくサーバー移行としましたが)実際は、同サーバー内でのサブドメイン移行

手順

1:ファイルのバックアップ

  1. 移行元サーバーにあるWordPressのインストールされたフォルダのデータをすべてFTPでダウンロードします。

2:ダウンロードしたファイルから、ファイル設定ファイルを上書きされないように消す

  1. ダウンロードしたファイルの中で、wp-config.php を削除します。
    このファイルには、DBへの接続設定が入っていますので、移行先サーバーに上書きすると旧サーバーのDBを見にいってしまいます。

3:データベースのバックアップ

  1. phpMyAdminにアクセスします。
  2. 対象のDBを選択し、上部タブから「エクスポート」を選択します。
  3. 上部画像のように設定します。(クリックすると拡大します。赤枠がデフォルトから変わる部分。)
  4. 右下の「実行する」ボタンをクリックして、DBのバックアップファイル(sqlファイル)を保存します。

4:sqlファイルの書き換え

  1. phpMyAdminからダウンロードした sql ファイルを、秀丸などのテキストエディタで開きます。
    ※ Windows標準の「メモ帳」は非推奨。
  2. 移行元のURLを移行先のURLに一括置換します。
    例:「dev.hoge.hoge.jp」を「www.hogehoge.jp」に一括置換
  3. sql ファイルを保存します。

5:移行元にWordPressを新規インストール

  1. XSERVER の自動インストール機能を使って、移行先に WordPress をインストールします。
    インストール手順はこちら

6:ファイルのアップロード

  1. FTPを使って、手順2で「wp-config.php を削除したファイル一式」をアップロードします。
  2. 自動インストールしているので、ほとんどのファイルが上書きになりますが、気にせず全上書きします。

7:データベースの復元

  1. phpMyAdmin にアクセスします。
  2. 対象のDBを選択し、上部タブから「インポート」を選択します。
  3. 「ファイルを選択」をクリックし、手順4で「移行元URLに置換済」の sql ファイルを選択します。
  4. 右下の「実行する」ボタンをクリックすると、データが復元されます。

8:確認

  1. 移行先サイトにアクセスし、動作を確認します。確認項目は以下のとおり。
    • 記事が表示できることを確認
    • Homeボタンなどを押して移行元サイトにジャンプしてしまわないことを確認
    • 管理画面にログインできることを確認
    • 記事の予約投稿ができることを確認
    • 記事の削除ができることを確認
    • twitterなどに連携する設定をしている場合は、それが動くことを確認
  2. 上記の移行先の変更が移行元に影響していないことを確認する。

以上で、基本的にうまくいきました。

けれど、一部プラグインの設定がデフォルトに戻っていました。
ブラグインによっては、設定が別サーバー(プラグインを提供している会社)にあるものもあるので細かい設定も、チェックしておきましょう。

零細企業が使っているクラウドサービスまとめ


うちの会社で使っている様々なクラウドサービスをNAVERにまとめてみました。

詳細はこちら
http://matome.naver.jp/odai/2140673619075467801

上記まとめ内で、紹介しているサービス

  • グループウェア「アイポ」
  • Yahoo!カレンダー
  • EVERNOTE
  • Google ドライブ
  • チャットワーク
  • Skype
  • Facebook
  • 名刺管理「メイシー」
  • 請求書管理・発送「Misoca」
気が向いたらもうちょっと追記するかもしれません。