npmとwebpack4でビルド - jQueryからの次のステップ - Qiita
むずかしくないJavaScriptのやさしい話 デモチュートリアル このチュートリアルは、#ndsmeetup8 で発表した内容のデモの手順をまとめたものです。 jQueryをscriptタグ挿入で使っているような開発者向けの内容です。 npmとwebpackでビルドをするという使い方の提案です。 発表内容はこちら。 http://www.slideshare.net/fbcivic/javascript-ndsmeetup8 ※発表当時はwebpack1についての記事でしたが、webpack1→webpack2→webpack3→webpack4と記事を更新しています。 webpack3までの古い解説はこちら （基本的なことなのでほとんど変わりませんが、webpack4でwebpack-cliが必要になったり設定ファイルの記述が変わりました） 事前準備 nodejsをインストールしてくだ
オブジェクトを正確に整列させるIllustrator用スクリプトを作りました - saucer
Illustratorには標準で整列機能がありますが、テキストオブジェクトについては「見た目」としての正確な整列ができません。これは昔からの仕様で、今後変更される可能性はかなり低いと思っています。そこで、テキストオブジェクトの正確な整列をサポートするスクリプトを作りました。うまく揃わないテキストに悩まされている方は、ぜひ使ってみてください。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS5／CS6／CC／CC 2014／CC 2015／CC 2015.3／CC 2017ダウンロードスクリプトをダウンロードするインストール方法ダウンロードしたファイルを解凍します。所定の場所に「オブジェクトを整列Plus.jsx」をコピーします。Windows版ではお使いのIllustratorの種類によって保存する場所が異なりますのでご注意ください。Illus
【Javascript】爆速でハイブリッドなスマホアプリ開発入門する
タグ 125cc250TRAdmobAngularBEAMSChromeプラグインChrome拡張CL250CordovaCrooooberE-M1E-M1MarkIIE-M5ETLExcelG9PROGB350globalMapGN125GoogleMapGooglePlayGoogleマイマップGSX250RJavascriptJSFLAOWALUMIX S1OlympusOnsenOnsenUIPanasonicPEN-FPhonegapPHPpuigRADWIMPSReactsamyangSE/ITコンサル小噺sonyTalendTalendOpenStudiotJavaFlextJavaRowtMapVTR250WebSlidesWikiDiverWikipediaWordpressYoutubeYZF-R25α7iiiいなつつみせせらぎ公園なぜバイク業界は衰退しているのかなばな
カスタムタグ · Riot.js
カスタムタグの例 Riotのカスタムタグは、ユーザインターフェースの構成要素です。 アプリケーションの「ビュー」部分を担います。Riotのいろいろな特徴をハイライトした、TODOの例の拡張から始めましょう。 <todo> <h3>{ opts.title }</h3> <ul> <li each={ items }> <label class={ completed: done }> <input type="checkbox" checked={ done } onclick={ parent.toggle }> { title } </label> </li> </ul> <form onsubmit={ add }> <input ref="input" onkeyup={ edit }> <button disabled={ !text }>Add #{ items.length
方向線とセグメントの角度を一致させるIllustratorのスクリプトを作りました - saucer
曲線から直線へなめらかに移っていくラインをIllustratorで作成するときは、方向線の角度に注意しなければなりません。しかし、アンカーポイントや方向線を微調整していると、それぞれの角度にギャップが出てしまうことがあります。角度を合わせるには、その都度手動で調整するしかないのですが、その負担を少しでも軽くするためのスクリプトを作りました。ロゴやアイコンなどで正確な作図をする機会が多い方には、それなりに便利なものだと思います。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS5／CS6／CC／CC 2014／CC 2015／CC 2015.3ダウンロードスクリプトをダウンロードするインストール方法ダウンロードしたファイルを解凍します。所定の場所に「ハンドルの角度をセグメントに揃える.jsx」をコピーします。Windows版ではお使いのIllus
phiary
先日書いた 『Electron の入門エントリー』 が好評だったので私の大好きな Riot.js の入門も書いてみました. AngularJS や React でもいくつか Web アプリケーション作ってきましたが, 私にとっては Riot.js が一番しっくりきました. なので今回は Riot.js について紹介します. とにかく詳しい説明はいいから触って試してみたいって方はぜひ読んでみてください. Runstant を使ったデモを並べているので, このページ上で実行したりコードをいじることができます. 実際に動かしながら, Riot.js がどれだけ使いやすいか体感してみてください♪ Riot.js とは？ 今のところ私にとって(使いやすさ, 手軽さ, 規模感総合して)最も優れた JavaScript フレームワークです. 主な特徴 個人的に Riot.js でいくつかサービス作ってき
3flab inc. | How to use Illustrator Script and Notice
Illustrator スクリプトとは JavaScript、AppleScript、ExtendScript など書かれた外部ファイル（.js や .jsx）です。Illustrator スクリプトを実行することにより、Illustrator に不足している機能を追加したり、操作の自動処理などを行うことができます。 スクリプトを実行する スクリプトをとりあえず実行してみたい場合は、メニューの ファイル → スクリプト → その他のスクリプト... から、ダウンロードしたファイル（拡張子が .js や .jsx）を選択することでスクリプトを実行することができます。 スクリプトをメニューに登録する ダウンロードしたファイル（拡張子が .js や .jsx）を OS X の場合 /アプリケーション/Adobe Illustrator CC XXXX/プリセット/ja_JP/スクリプト Wind
【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre
セカイエ chatops 始めたってよ #1: 入門編 - sekaie engineers' blog
おはようございます。こんにちは。こんばんわ。 セカイエアドベントカレンダー15日目担当の佐々木です。 qiita.com 今日はセカイエの chatops を始めるまでを記録に残したいと思います。 まだ始めていない方もこれを機に一緒に始めませんか？ はじめに 今回の chatops では hubot を利用してみようと思います。うまくいくかなドキドキ 今日の目的は以下のとおりです ローカル環境に hubot 開発環境を導入する チャットツール (今回は chatwork) と連携する 社内ツールのAPIを叩いて chatwork に流す 導入編 Hubot をインストール まずはこれがないと始まりません。とりあえず入れます。 $ npm install -g hubot coffee-script つづいて hubot 用ファイルを生成します $ hubot --create . 'hub
Electron/Node.js初心者がマテリアルデザインなMarkdownエディタを作ってみた - Qiita
はじめに VB6が全盛の時代、Webは何もできないなんて言われた時代もありましたが、今やひと通りのことができる時代にGoogle？がChromeやV8など、JavaScriptを爆速にして連れて来てくれました。 そんなこんなで、今年、みんな大好きGithubがAtomエディタを作るために開発した実行環境が Electron （旧Atom-Shell)です。 Web開発スキル（HTML5、CSS、JavaScript）とNode.jsの知識があれば、Mac、Windows、Linuxのデスクトップアプリを作れるのが特徴のクロスプラットフォーム実行環境ですね。 動機とコンセプト Githubをはじめとして、最近はちょっとしたドキュメントは全てMarkdownで書くようになりました。仕事・プライベートともに、Atomや専用Markdownエディタをはじめとして、色々と試してはいますが、帯に短し襷
もうASPは不要！Googleカレンダーで宿泊予約システム (1/6)
Webデザイナーを対象に、Google Apps Scriptの基本的な使い方から実践的なWebサービスの開発方法までを解説する本連載。今回は、Webサイトを簡単に作れる「Googleサイト」と「Googleカレンダー」、Google Apps Scriptを組み合わせて、小さな宿泊施設で使えるシンプルな宿泊予約システムを作ります。システムの概要は以下のとおりです。 客室の予約状況を管理するカレンダーを用意する 客室予約サイトを作り、カレンダーと予約入力フォームを組み込む 客室予約サイトを公開する GoogleカレンダーとGoogleサイトを連携 宿泊予約システムは、客室の予約状況を管理するGoogleカレンダーを用意し、予約を入力するスクリプトをGASで作成すれば、基本的な仕組みは作れます。ただし、予約を受け付けるには、日付や予約者の連絡先を送信するフォームや、予約状況を示すカレンダーを
Illustratorのアレをできるようにした偉業を称える！ – ものかの
Illustrator の環境設定って、環境設定ウインドウをちまちま触らないと変えられないじゃないですか。とくに単位を変えるときなんかプルダウンメニューを４つ変更しないといけないし、線幅と効果とパターンを拡大縮小に追随させるかどうかの設定も切り替える頻度は多いのにこれもちまちま触るしかなくて、それならInDesignのようにスクリプトでちゃっちゃっと変えられるようにしようと調べてみると「Illustratorはスクリプトで環境設定を変えられない」という驚愕の事実に直面して「さすがイラレ、ぶれてない」と諦観の境地で遊ぶことを覚えたあげく夢を見ていたことすら忘れてしまった海千山千のイラレユーザーみなさん！ あの夢が現実になりましたよ！ 手っ取り早く言うとこういうことです。 実は、Illustratorはスクリプトで環境設定を変更できるようにしています。なのに、肝心のところをひた隠しにしていて、
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Google Apps Scriptでホリエモンメルマガに載っている「今週のメディアスケジュール」を自分のカレンダーに自動登録してみた！ - 悪あがきプログラマー
ホリエモンこと堀江貴文のメルマガを購読しています。 （収監中は獄中飯に興味が無く一度止めてしまいました。すみません。） 堀江貴文のブログでは言えない話 毎週月曜日更新で堀江さんが経済やビジネスの話を繰り広げていてほんと週刊少年ジャンプ読むの止めてよかったなと思ってます。はい。 このメルマガには「12.今週のメディアスケジュール」として堀江さんのスケジュールが載ってたりします。で、いつぞやのQAコーナーでこのスケジュールをGoogle Calendar等で共有してほしい的なことが書かれていたんですが、「スタッフもそんな時間ない」的な回答で一蹴されてました。 エンジニアな僕としてはそんなんフォーマットだけ決めてもらって自動でGoogle Calendarに登録するスクリプト書けばええやん、、、誰かが。僕はやらんで。僕はやらんで。大事なことやから二回言ったで。と思っていたわけです。 しばらく半分
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Google Apps Scriptを使ってみよう! - サテライト原口社長のスクリプト指南(1) まずは定番の「Hello World」からスクリプトの実行までをおさらい
メールサービスのGmailをはじめ、ビジネスに役立つサービスを提供するGoogle Apps。文書作成や表計算、プレゼンテーション機能を持つGoogleドライブ(旧Googleドキュメント)、スケジュール機能などもあり、クラウド版のオフィススイート製品ともいえるだろう。 お仕着せの機能だけというわけではなく、JavaScrptベースの「Google Apps Script」、Webアプリケーションプラットフォームの「Google App Engine」を利用することで、企業に応じたカスタマイズも可能だ。とはいえ、組織で使うレベルのシステム開発やカスタマイズは、Google Appsの導入支援を行うGoogleエンタプライズパートナーに相談することが多いだろう。 ここでは、そこまで大きなことではなく、Google Appsを利用する個人ユーザの業務範囲で仕事に役立つようなGoogle App
ルーターの脆弱性を探して侵入する手順 - 素人がプログラミングを勉強していたブログ
更新し忘れたが、既に下記の脆弱性は修正されている 4/11/2013 6:42 PM 追記: 明日エンジニアと調査するとカスタマーサポートから連絡があり、また近日アップデートパッチを用意するとのことだ。 先日紹介した、Satechi Smart Travel Routerだが、ふと直感的にセキュリティに問題があるような予感がしたので、自分のルーターをアタックしてみた。 結果から言うとCSRFが存在し、外部からインターネット越しに細工をしてあるURLを踏ませることで、ルーターのパスワード、SSIDを書き換えたり、WiFi to WiFiのリピータ機能のソースとなるWiFiを勝手に別の場所に書き換えて、Man in the middle攻撃を成立させたりできることが発覚した。 自分がどのようにSatechi Smart Travel Routerの脆弱性を発見したのかを動画にとったので、無編集
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Illustratorの単純作業はこれにお任せ！テンプレート流し込みスクリプト | Swings
意識の低い自動化
新着記事
