サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
www.s-arcana.co.jp
はじめに こんにちは、すずきです。 今回とりあげたのは、11月の社内勉強会でも紹介したStorybookというフロントエンド開発で最も有名なUI開発ツールです。 Githubのスターが55kを超えるような超有名ツールみたいなのですが、恥ずかしながら今まで全く知りませんでした。 私の場合はアプリのUI開発にあたるのですが、開発フローのなかでちょっとした手間が結構あるんですよね。 例えば、以下のようなことです。 APIより先にUIができてしまったときの表示確認。 デザイナーやディレクターとのUI微修正のやりとり。 プロジェクト内のコンポーネントがアプリ内のどれにあたるのかわからない。 プロダクトと切り離したUI開発ができるツールとかないんかな。。。と探していたところで見つけたのがこのStorybookでした。 React Nativeの関連資料を探してみたところ、記事がほとんど見つからず、あっ
こんにちは、エンジニアの川上(@natsumican63)です。 前回は、Webエンジニアのみで、ReactNativeアプリ開発を行った話を書きました。 ReactNativeアプリを開発した際、下記の技術を使用しました。 TypeScript React Native GraphQL Apollo Client 今回は、これらの技術スタックを用いた開発を行ってみた際の模様について、お伝えしていこうと思います。 要約 Rexux/Mobx等の状態管理ライブラリを使用せず、Apollo Clientのキャッシュ機構とReactのlocal stateのみで状態管理を行った @apollo/react-hooksを利用することで、通信周りのコードの見通しが良くなった TypeScript(クライアント側)と、GraphQLの型システムで、更に型安全な開発が望める Apollo Clientの
こんにちは!エンジニアの吉田でございます。 2017年2月4日(土)~2月5日(日)に開催されたYahoo! JAPAN Hack Day 2017 最優秀賞の副賞「シリコンバレーツアー」に行って参りましたので、そのレポートを綴っていきたいと思います! まずはじめに、このような機会をくださったYahoo! JAPANさんに多大な感謝を申し上げます。ありがとうございました!! いやー、たのしかった。ちなみに、この文章は帰りの飛行機の中で既に書きはじめております。フライト時間が10時間以上あるっていうもんですから。 面白かったんでいろいろ書いていたら、記事がだいぶ長くなってしまいました。ご容赦くださいませ。。 受賞から旅程の確定まで 今回、副賞として送られたシリコンバレーツアーですが、予算については Yahoo! JAPANさんにご負担いただく形で、それ以外の日程や訪問先などに関しては、旅行会
こんにちは、マークアップエンジニアのCandyです。 4月27日にARCANA Meetup #24と題して弊社でCSSのレビュー会を行いましたので、レポートしたいと思います! レビュイーの3名にはレビュー用のソースコードを参加者全員に共有してもらい、レビューしてもらう前に5分程度で、コーディングについての考え方、悩んでいること、レビューをもらいたいことなどについて発表してもらいました。 レビュータイムは白熱的な議論が続き、「時間が全然足りない」と遅くまで語っていましたよ。 それでは内容について、順を追って紹介したいと思います。 自己紹介 まずは参加者全員の自己紹介! 今回の参加者は以下の通りでした。 ディレクター:1名 (マークアップもする)デザイナー:2名 マークアップエンジニア:6名 (マークアップを専門としない)エンジニア:5名 1人目:Candyのソースコード レビュイーが気にな
こんにちは。エンジニアの吉田です。 2017年1月27日(金)に開催された社内勉強会#21で、『実践 Redux Saga』というお話をしたのでブログにもまとめたいと思います。 スライドはこちら。(Slideshareにアップするとフォントが欠落してイマイチな見た目になってまう…) 要約 プロダクションの案件でRedux Sagaを導入したのでそのお話 Redux Sagaの話の前に、jQuery、React、FLUX、Redux をおさらい Redux Sagaを使うと非同期処理を取り扱えるが、その反面、データフローが複雑になる System&User Action と Reducer Action を分けることで複雑性を軽減した Action の命名規則、React, Redux, Redux Saga の責務を明確にするガイドラインをつくった みなさまがより快適なフロントエンドライフ
TOP BLOG EVENT レゴで作った迷路をWebVRで遊べる『まよいの墓』技術解説(Hack Day 2017 最優秀賞作品) #hackdayjp こんにちは。スタジオ・アルカナのエンジニアの吉田です。 2017年2月4日(土)~2月5日(日)にかけて開催された日本最大級のハッカソンイベント『Yahoo! JAPAN Hack Day 2017』に参加してきまして、最優秀賞を受賞した『まよいの墓』という作品について、技術的な視点からマネジメントな視点まで、ざざっとご紹介したいと思います。 当日のお話については、ひかる(@hico00)氏がブログ記事を書いてくれていたので、ご興味があれば、そちらもご覧くださいませ。 ◇HackDay2017でWebVR迷路ゲームを開発して最優秀賞をいただいた話 #hackdayjp 『まよいの墓』とは? 今回のハッカソンで制作した『まよいの墓』ですが
こんにちは。スタジオ・アルカナのサーバーサイドエンジニアなっちゃん(@natsumican63)です。 この記事はReact Advent Calendar 2016の13日目の記事です。 それは2016年も後半へ差し掛かったある日のことでした… 上司「次の案件、この辺の技術使うから軽く勉強しておいてー」 つ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel + OnsenUI + Gulp + Webpack ( ゚д゚) (つд⊂)ゴシゴシ (;゚ Д゚) !?!? (; ゚д゚)「…わ、わかりました」 ※「何でもやります!やらせてください!」が私の口癖なので、決して無茶振りしてくる弊社ではありませんよ!ほんとだよ!! 斯くして2016年、サーバーサイドエンジニアがはじめてフロントエンドへの門戸を開くこととなった際の学
こんにちはー! きょん@夜中に小腹が空いたときには「こんにゃく」を食べると決めている デス。 エンジニアさんもデザイナーさんも、夜中まで作業することってありますよね。 ストレスも相まってついつい「The どか食い」しちゃいませんか? そんなとき、きょんまるは「こんにゃく」と「お豆腐」をどか食いしちゃいます! 「さしみこんにゃく」や「こんにゃく麺で作ったサラダ」、 あと「おぼろ豆腐」系は、思いっきり食べても次の日の体重および体調に 差し障らないことに気づいてからは、夜中の夜食はこればっかりですw ここ数ヶ月、夜中作業が多かったので、かなり食べたなぁ・・・(=´ω`)_з トオイメ… さてさて! きょうは、Photoshop で使える「パスファインダー」について書いておこうと思います。 ずっとFireworker(Fireworks使い)だったんですけど、先日とあるパートナーさんに、 「Fir
こんにちはー! きょん@最近 Photoshopが楽しい デス。 先日、「毎年恒例?! アルカナ浴衣Day 2016」という記事を書いてもらったのですが、 今日はその第2弾。題して、 「アルカナ 夏の思ひ出写真集」 でございます。 誰得なのかと聞かれると、 「わ〜、ごめんなさい、少なくともわたしの趣味なことには間違いないです!!!!」 と答えるしかございませんが、 せっかく浴衣を着たのでいろいろ撮ってみようよ!ということで、 毎回、社長の写真を撮らせていただいていることでおなじみの 「杉並区立 大田黒公園」で記念写真を撮ってまいりました。 ちなみに、先日撮った社長の写真は、これです。 もひとつちなみに、今回のメインカメラマンも社長です。 ▲大人気の社長スナップ。来年は「2」なんだけど、どうするんだろう??ちなみに「1」はわたしが作りましたw まずは普通に はいチーズ! パシャ! まずは基本
こんにちはー! きょん@全く泳ぎに行ってないのに、すっごい日焼けした>< デス。 夏がラストスパートかけてるみたいな暑さの今日このごろ、皆様いかがお過ごしですか? わたしは、最期の力をふりしぼってるみたいなセミの声を聞いて、たまに切なくなっています。 なんか夏の終わりって泣けてくることないですか? わたしだけ?歳のせい?いやいや、そんなことはないはず・・・! さてさて! 先日、びぎねっと(http://begi.net/)の宮原さんが、すてきなTweetをしてくださいました☆ SIGNがマックファンに紹介されてた pic.twitter.com/Gh6eR0jgn6 — 宮原 徹 (@tmiyahar) 2016年8月29日 えっ!!!!えええええっっっ!!!!!! 前日から会社にお泊まりしていたため、身体中がバキバキになりつつ作業を開始しようとした矢先に見つけたこのTweet。 @tmi
どうも! おひさです。僕です!! さて忘れっぽい私ですが、今回も忘れてしまっていたので、備忘録として残しておきます。 本来HTMLの各エレメントに設定するIDはユニークで付けるのです。キリ ですが、とわ言えーーということで、複数のエレメントに同じIDを付けてしまったとき jQueryの#idセレクタでは一つの要素しか選択できません。 ※順番的に最初に合致した要素ですかね。 実際には $("#ID名").show(); なのですが、複数を一気に操作したいときは $("[id=ID名]").show(); とすると、一気にやってくれます。 ってことすら忘れる愚か者です。。。。 では、よきGWを。。。。。。。。。。。
こんにちは〜、1月からマークアップエンジニアになりましたCandyです。 VCCWを使ったWordPress開発環境構築とデプロイのフローを、出来る限り丁寧にまとめたいと思います。 今回はローカル開発環境構築編です。 公式サイト(http://vccw.cc/)にも結構わかりやすく書いてあるのですが、WordPressの日本語化等の設定を含めて、初心者にもわかりやすく書いていこうと思います。黒い画面が苦手な人もきっと大丈夫! VCCWとは 後ろの席のイケメンがこう説明しておりました。 VCCWとは仮想環境を構築するためのツール Vagrant とインフラ構築自動化ツール Chef をベースにしたWordPress環境構築ツールです。 簡単に言うと、XAMPPやMAMPのようにローカル環境の構築を容易に出来るものです。 VCCWのもうひとつのCはなんの頭文字なんでしょうね。知ってる人がいたら
こんにちは〜、マークアップエンジニアのCandyです。 前回に引き続き、VCCWを使ったWordPress開発について書きたいと思います。 前回の記事はこちら(『ゼロからできるWordPress開発〜VCCWでローカル開発環境構築編〜』)。 今回はデプロイ編ということで、ローカルで開発したWordPressをステージング環境(と本番環境)にそれぞれSSH接続でデプロイする手順をまとめます。 事前準備 デプロイ後はローカルのWordPressのユーザ名、パスワードも移行されるので、ステージングや本番環境で使いたいパスワード等がある場合は事前にローカルで変更しておくと良いでしょう。 デプロイする環境にはWordPressをインストールしておきます。 またその環境のURLと、SSH情報、database情報を下記のようにまとめておきましょう。 【ステージング環境】 URL : http://de
将来性をみてPython2.xよりもPython3に移行する流れがあるみたいですし、初学ならPython3でいいと思いました。
こんにちは。エンジニアの吉田でございます。座右の銘は、そう、“シャチクスピリッツ”。 さて、この度、アルカナの深澤(@hico00)がアイスタイルの竹澤さん(@ex_takezawa)から『Laravelリファレンス』を献本頂いたとのことで、@hico00から「ブログを書いておいてください」という無機質なメッセージが記述されたポストイット(EngineYard製)とともに私のデスクにしれっとその本が置いてありましたので、何かしらの無言のプレッシャーというものを感じてこの記事の執筆に向かっている次第でございます。 昭和生まれを絶大にDisってくる平成生まれってこわいなぁという思いを馳せつつも、本題に入ってまいりたく存じます。 改めまして、献本くださり誠にありがとうございます。この場を借りてお礼申し上げます。 今回のブログで取り上げる書籍は下記リンクから購入できますので、ご興味が沸いた際にはこ
こんばんは!エンジニアの吉田です。 本日、Cerevo さんの BlueNinja が届いたので、ちょっとだけ試してみました。 BlueNinja とは? BlueNinja とは、9軸センサ(加速度、角速度、地磁気)と気圧センサが入った小型のハードウェア製品です。 BLE にも対応しているので、Bluetooth 経由でこれらの値を取得することが可能です。 BlueNinja – Cerevo http://blueninja.cerevo.com/ja/ OSC 2015 Tokyo/Spring のブースで展示したサイコロで使ってた WICED Sense みたいな感じのデバイスですね。 BlueNinja については、メディアにもいろいろ掲載されているので詳細は割愛します。 Cerevo、重さ2gのIoT開発モジュール BlueNinjaを発表。『活動量計レベルなら簡単に作れる』
TOP BLOG EVENT 「第94回 PHP勉強会@東京〜PHPカンファレンス2015開催直前スペシャル〜」に参加してきました。 #phpstudy こんばんわ!Everydayクソコードをdisられているエンジニアマンの吉田でございます。 本日は、「第94回 PHP勉強会@東京〜PHPカンファレンス2015開催直前スペシャル〜」に参加して参りましたので、そのことを書きたいと思います。 PHP勉強会とは? PHP勉強会は、毎月月末辺りに実施しているPHPの情報交換やPHPerさん同士で交流したりしている勉強会です。 アルカナのブログでは半年くらい前に @hico00 が 「第87回PHP勉強会@東京を開催しました。」というエントリを書いたぶりでございます。更新頻度が少なく申し訳ございません。 ここしばらくは 株式会社GMOインターネットグループ さまにスポンサーを頂いておりまして、会場
TOP BLOG DEVELOP AWS OpsWorksを使ってPHP 5.6の環境構築とLaravel 5.1のデプロイ作業を自動化する。 #opsworks こんにちは、エンジニアマンの吉田です。 アルカナではPHPフレームワークとしてZendFrameworkを利用することが多いのですが、最近だとLaravelを使い始めているエンジニアもいるようで、そのWebアプリケーションを稼働させるためのサーバーの環境構築やアプリケーションのデプロイ作業を簡素化できるといいなぁと思い、AWS OpsWorksを使って自動化させることにしてみました。 AWS OpsWorksは、アルカナだと2013年頃から使い始めているのですが、縁あってAmazon目黒オフィスで開催された「AWSプロダクトシリーズ|よくわかるAWS OpsWorks」や「DevLOVE現場甲子園2014 東日本大会」などでお話
おつかれさまでございます。ひかるです₍₍ (ง ˘ω˘ )ว ⁾⁾ アルカナHPがリニューアルされてからはブログ初投稿になります₍₍ (ง ˘ω˘ )ว ⁾⁾ 今回は(今回も)、PHP勉強会にいってまいりましたので、そのお話です。 ちなみに前回のレポが、75回目の会ですね。1年ぶりでした。マジか。 ◆第75回PHP勉強会@東京~LTデビューしました~ *** さてさて。 先日2月27日に、第87回PHP勉強会@東京 を開催しました! ええ、ええ。開催しましたなのです。ふふふ。 受付等のお手伝いはさせてもらっていたのですが、この度、正式に運営幹事を受け継ぐ事になりました。 まだまだ不慣れな事だらけですが、勉強会主催という貴重な経験、楽しんでいこうとおもいます。 みなさま、ご協力よろしくおねがいしますです₍₍ (ง ˘ω˘ )ว ⁾⁾ では、さっそく勉強会の内容まとめていきましょう=͟͟͞͞٩
こんにちは、はじめまして、初投稿です! 最近*入社したまっちーと申します。(*2012年8月) ワタクシ、今年の1月からプログラマーに転向しまして、ひよっこプログラマー(アラサー)としてお仕事&お勉強しております。 言語はHTML → CSS → PHPを触って、次にPHPのフレームワークとしてZend Frameworkを触り始めました。 手始めに公式サイトのチュートリアルを.........と思ったのですが、こいつのハードルが高い、ベリーハイでした。 なぜなら... 日本語のドキュメントがぬぁぁぁい!! のです。 Translations ・Chinese version ・Italian version ・Polish version ・Portuguese version ・Czech version ・French version ・Spanish version ...ナンドミ
みなさま、こんにちは。 あわよくば生涯プログラマであり続けたいと願っているエンジニアの吉田でございます。 普段はマネジメントの業務をメインとしている立場ですから、エンジニアっぽい記事を投稿すると役員からお叱りを受ける可能性もございますが、たまには技術的な記事を書きたい気分のときもございますので、そういったリスクは特に気にせず久しぶりに技術的なブログを投稿してみたいと思います。 ちょうど今回の記事のタイトルには「マシンガン」という単語が含まれていますから、もし、お叱りを受けたとしても景気よくマシンガンをぶっ放す勢いで「リスクをとらない方がリスクなんだ!きっとそうなんだ!愛なんだ!」などと血迷った感のあるリスクテイク論をドヤ顔で言い放ちつつも、一方で、謙虚な低姿勢も確実に維持しつつ弁解に臨みたい次第でございます。 さて、ここから本題となります。 最近のインフラ構築はAWS等のクラウド環境を利用
Windowsアプリリリースされましたね!!!!!!! ダウンロードはこちら Get Slack for Windows(2015/03/24 追記) どうも、まっちーです! 数カ月前から社内で試験運用されていたSlackですが、先月から弊社の社内チャットツールとして正式に採用されることとなりました! Slackについて詳しく知りたい方はこちらが参考になります。 国内外のベンチャーで大ブレイク中!社内チャットの「Slack」を徹底解説! | nanapiマーケティングマニア HipChatを使ってたらSlackを教えてもらったので試してみた(Yammer, ChatWork, Campfire, tibbrのようなエンタープライズコラボレーション、チャットサービス) – SideCI Blog – CIツール「SideCI」の継続的インテグレーションブログ とても素敵なサービスなのですが個
まいど。あきと@花粉にやられて明日が見えない です。 そろそろ「技術ブログ」に掲載する価値のある、技術者向けのネタが尽きそうだぞ、と 思ったり思わなかったりしています。 ほかの人のブログを読んでは「為になるなー」と思ってますが、 自分のブログを読み返すたびに、「異質じゃね?」と感じてしまう今日この頃。。。 「オマエ読み飛ばされてるぞ」という疑心暗鬼に襲われながら、今回もがんばります。 (きっとこの弱気は花粉のせい) そんな今日は、技術そのものを売る(?)SES契約についてお話したいと思います。 まず、「SES」でググってみました。 --------------------------------------------------------------------- SES契約とは委託契約の一種。 ソフトウェアやシステムの開発において、ソフトウェアやシステムの完成を 約束する契約として請
ここは技術のおもちゃ箱。あなたは、どんな技術で遊びますか?
複数のイベントをまとめて一つのイベントとして使いたいときとかに 自分でイベントをつくっちゃえばいいんじゃないでしょうか jQueryに新しいイベントを作るには $.event.specialを拡張します 定義済のイベントを拡張するようなやり方もありますが、 今回は単純に新しいイベントの作り方です。 $.event.special.newevent = { setup: function(data, namespace){ // bindやらonされた時の処理 console.log(data); console.log(namespace); }, teardown: function(namespace){ // unbindやらoffされた時の処理 console.log(namespace.toString()); } }; function _neweventHandler(){}
はいどうも~。 本日はhidetarouの番ですが休業中のため代打でしゃしゃり出たエンジニア吉田です。 「○○○な●●つの○○○」なんて感じのタイトルを付けると、 なんだか興味が惹かれるというのを目にしたので活用してみました。 ※個人的にはそうでもない気がしている。 というわけで、今回はソフトウェアに関係しそうな「法則」を5つほど紹介し、 それをソフトウェア開発業務にどう生かしていくかを考えてみます。 本日ご紹介する法則は以下の5つです。 ブルックスの法則コンウェイの法則パーキンソンの法則マーフィーの法則ハインリッヒの法則 でわでわ、早速。 ブルックスの法則 「遅れているソフトウェアプロジェクトへの要員追加はさらに遅らせるだけだ」 これは、IBMのOS/360(メインフレームOS)の開発者であるフレデリック・ブルックスが 名著「人月の神話」で提唱したプロジェクトマネジメントに関する法則です
NetBeansを使ってステップ実行をしようとしたところ、若干ハマったのでメモ。 環境 ・ホスト:Windows7 ・ゲスト:CentOS (VmwarePlayer) ・PHP 5.3 ・NetBeans 7.3 ゲスト(サーバー)側の設定 php.ini にてxdebugを有効にする。 今回の実行環境はローカルの閉じられた中かつ、DHCPなので、xdebug.remote_hostは設定せず、全てのホストのデバッグを有効にする。 zend_extension=/usr/local/lib/php/extensions/no-debug-non-zts-20090626/xdebug.so xdebug.remote_enable = on xdebug.remote_handler = dbgp xdebug.remote_port = 9000 ;;↓これを有効にすると全ホストが許可
たくさん情報がころがってるPHPですが、情報が遅れていたり、またまたセキュリティがうにゃうにゃだったり、、
次のページ
このページを最初にブックマークしてみませんか?
『株式会社スタジオ・アルカナ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く