はてなブックマーク

• あとで読む

  CodeSandboxっていうオンラインのJS環境がかなり強力だった - PIYO - Tech & Life -

  4 users

  blog.piyo.tech

  JSFiddleやCodePenがPlayGroundなら、CodeSandboxはJavaScriptの実行環境付のIDEという雰囲気。画面はこんな感じです。 （ちなみにこれはvueのExampleをForkした状態です。） 左側にプロジェクトツリーがあって、真ん中にエディターがあって、右側にはプレビューというか実行中のサイトをプレビューするための画面があります。 プロジェクトツリー「File Editor」と呼ばれているみたいです。 ここではファイルの追加、移動、削除ができたり、依存ライブラリを追加したりできます。 依存関係は「Add Dependency」ボタンから、インクリメンタルに検索して追加できます。すごい。よくできてる。 設定ファイル類package.jsonとか.babelrcとかを確認したりいじったりできるようです。 エディター部普通のエディターですがvueファイルまで扱

  • 暮らし
  • 2019/03/27 12:52
• あとで読む

  Electronアプリでvue-devtoolを使えるようにする - PIYO - Tech & Life -

  4 users

  blog.piyo.tech

  ElectronアプリでVueを使うようにしたらコンソールにこんなのが出ていました。 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools vue-devtoolを入れると便利だよ、ということらしいので調べてみました。 Vueを使ったWebサイトの場合はブラウザ側にvue-devtoolを入れることでDeveloperToolを拡張できるんですが、Electronでは勝手が異なります。 devtoolに関するドキュメントがあったので読んでみました。 ここで紹介されているやり方を整理すると chromeに対象のdevtoolを入れてその拡張のextension IDを調べてファイルシステム上で場所を特定してElectronのr

  • テクノロジー
  • 2019/03/06 21:40
• あとで読む

  Hugoでブログリンクの見た目をはてなブログっぽくする - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  これまでHeartRails Captureを使ってきたブログ内リンクを自前の実装とショートコードに置き換えました。 以前使っていたはてなブログのリンクの表示形式が気に入っていたので、それをリスペクトする形でほぼ同じような見た目で表示できるようにしました。 ある記事内のリンクの見た目はどうなったのか。BeforeとAfterで見比べてみましょう。 Before After 新旧の違い新旧で見た目が異なるのはもちろんですが、より詳しい情報を得られるように仕組みも変更しました。 Heartrails Captureを使ったリンクではブラウザで表示したときに見える画面のキャプチャを表示していましたが、今回のリンクではOGPを利用します。 最近は多くのサイトでOGPの画像やDescriptionが設定されていることが多いです。Hugoに移行した時からOGPを使って表示したいなと思っていました。 シ

  • 暮らし
  • 2019/03/04 18:02
• あとで読む

  GitHubのsuggestion機能でプルリクエストのレビュー中にコードを提案できるらしい - PIYO - Tech & Life -

  5 users

  blog.piyo.tech

  というのをTwitterで見かけたので試してみました。 プルリクエストのレビュー欄で案内が出るので見たことがある人も多いかもしれません。 検証のため、本当に雑なプルリクエストを作って試しました。コードに意味はないので気にしないでください。 suggestion機能の使い方suggestion機能は、プルリクエストのレビューをしていて、「ここのコード、こっちの書き方のほうがいいよとか、こっちの書き方じゃないとまずいよ」というときに、コードの差分をまるっと書いてあげるとそのまま取り込める、みたいな機能です。 suggestionを作るプルリクエストのコメント欄のここ（↓）にボタンがあります。 これを押すと、 ```suggestion // code ``` みたいなテキストがコメント欄に挿入されます。ここに、どのように元のコードから変えたほうがいいのか、みたいなことを書きます。 たとえば画像

  • テクノロジー
  • 2018/11/08 11:50

  • github
• あとで読む

  RubyMineでタブを分割したペイン間で移動するプラグインを発見してめちゃくちゃ捗る - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  RubyMineのところはJetBrainsの各種エディターと読み替えてもらって大丈夫です。 私、メインで使っているEmacsでたくさんペイン分割をする習性がありまして、RubyMine等々でも最大2x2ぐらいには分割して使っています。RubyMineではこれらの分割した部分のことをSplitterというらしいです。 Splitter分割やSplitter間のフォーカス移動、Splitter間のファイルタブ移動などの操作はどうにかしてマウスを使わずに行いたいものです。Splitterの分割やSplitter間のフォーカス移動はRubyMineにメニューがあるため、設定からキーボードショートカットを設定すればOKです。 それぞれ↓のようなメニューに対応しています。 Split Horizontally（上下に分割）Split Vertically（左右に分割）Goto Next Splitt

  • テクノロジー
  • 2018/10/08 13:15
• あとで読む

  Railsのjs-routesをWebpackerでも使うには - PIYO - Tech & Life -

  5 users

  blog.piyo.tech

  Railsのjs-routesgemはクライアントサイドでURLヘルパーを使えるようにできるgemで、大変便利です。 Gemfileにgem "js-routes"を書いてインストールしたうえで、asset pipelineのapplication.jsあたりでrequire js-routesとしておきます。すると、Rails側で使えるuser_path(@user.id)みたいなヘルパーメソッドがJSでも使えるようになって、↓なふうに使えます。 ハードコーディングしなくてよくなるのでなかなか便利です。 ところでこの導入手順ではJSがSprocketsに乗っています。つまりWebpackerのみを使っているプロジェクトではこの方法での導入ができません。 Webpackerで使うにはjs-routesgemにはRubyのクラスJsRoutesというのがいます。これがgenerateメソッド

  • テクノロジー
  • 2018/10/06 08:22

  • rails
• あとで読む

  RubyでGmail風プロフィール画像を生成するinitial_avatarでユーザーを識別しやすくする - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  ユーザーにアバター画像（プロフィール画像）を登録してもらうサービスの場合、画像未登録のユーザー用にデフォルトの画像を用意することがあると思います。 グレー背景のシルエットとか、Googleのイニシャル（漢字なら最初の一文字）、Twitterのたまごとか、Slackの模様とか、いろいろなパターンがありますね。 そんななか、Googleのイニシャルの画像と同じような画像を一行で使えるようにするgemを同僚が作ったということで、ここで代わりに紹介したいと思います。 Create Gmail like text avatars for profile pictures using SVG. - GitHub - aki77/initial_avatar: Create Gmail like text avatars for profile pictures using SVG. Rubyのgemな

  • テクノロジー
  • 2018/09/18 13:32

  • ruby
• あとで読む

  Railsでorder忘れを防止するためのgemを作りました - PIYO - Tech & Life -

  6 users

  blog.piyo.tech

  order、つけ忘れがちですよね。環境が変わると思ってた順番に出なかったりします。 更に厄介なのは、つけ忘れてもなんとなく正しい順番で動いているときで、何かのタイミングで思った順ではなくなってしまうことがあります。というかありました。 多分僕の場合はDBのマイナーアップグレードの影響のように見えました。詳細は追っていないですが、確かに一部でOrder指定が漏れていたので順番が変わってしまったのです。 そういう事態に開発中に気がつけるようにするため、must_be_orderedというgemを作りました。勤めてる会社の社内ハッカソンが8/31にあったので、ちょうどいいネタとばかりにこれを作りました。 gemはこちらにございます。

  • テクノロジー
  • 2018/09/03 07:54

  • rails
  • gem
• あとで読む

  身近で見たデバッグが得意じゃない人の特徴 - PIYO - Tech & Life -

  5 users

  blog.piyo.tech

  身近で何人か見た例を整理してみる（誰か1人の話ではないです） エラーメッセージ自体は読むエラーメッセージでググったりするエラーメッセージから発生箇所を推定できない例えばJSのcannot read property 'xxxx' of undefinedRubyのundefined method 'xxxx' for nil:NilClassxxxxを呼んでる箇所が怪しいと気づかないブレークポイントを置いてデバッグしないこともない渡ってきているパラメータを疑わないスタックトレースを見ないDevツールのNetworkタブを見ないうーん、あんまり抽象化できないな。デバッグできない人がデバッグできるようになるために何をしたらいいかを言語化したいです。 僕がやるのは、 前提怪しい箇所を二分探索で絞り込んでいく方法ログを置く（console.log, Rails.logger）ブレークポイントを置く

  • テクノロジー
  • 2018/08/20 20:03
• あとで読む

  文書を自動チェックするtextlintを日本語の技術ブログにも使おう - PIYO - Tech & Life -

  15 users

  blog.piyo.tech

  日本語にtextlintをかけると便利、という話をチラっと聞いたのでブログに応用すべく導入してみました。 まず、textlint自体がこちら。 The pluggable natural language linter for text and markdown. - GitHub - textlint/textlint: The pluggable natural language linter for text and markdown.

  • テクノロジー
  • 2018/07/24 08:08

  • ツール
• あとで読む

  Railsでメールを配信する直前に処理を挟んで加工する方法 - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  self.delivering_emailを定義したクラスを用意しておいて、ActionMailerに登録しておくと送信前に呼んでくれるようになります。登録するのはdelivering_emailに応答するクラスであればなんでもいいはずです。 # ロードパスのどこか class HogehogeInterceptor def self.delivering_email(message) # 何かする end end # initallizerのどこか ActionMailer::Base.register_interceptor(SandboxEmailInterceptor) if Rails.env.staging? サブジェクトを加工する引数に渡ってくるmessageはMail::Messageのインスタンスで、 subjectbodyfromtoなどの値を変更できます。 よくメール

  • テクノロジー
  • 2018/07/22 08:12

  • Rails
• あとで読む

  Chart.jsなどのWeb用のJSライブラリをReact Nativeで使う - ぴよログ

  4 users

  blog.piyo.tech

  React Nativeでチャート（グラフ）を描画するためのライブラリがいくつかあります。例えばこのへんとか↓ JesperLekland/react-native-svg-charts: 📈 One library to rule all charts for React Native 📊 とはいうものの、できることが少なかったりなかなか思うようにいかないことがあったりします。 WebにもJSのチャート系ライブラリはいくつかあります。例えば有償のHighchartsなんかはかなり協力です。これから登場するChart.jsのようにMITライセンスのものもあります。 そういったWebのライブラリを使ったほうが案外良い結果になることもあるかも、という提言として今回の例を紹介してみます。 React NativeにはWebViewがあるため、Javascriptを有効にした状態で通常のWeb

  • テクノロジー
  • 2018/07/13 20:59

  • React Native
  • js
  • web
• あとで読む

  React Nativeでいつjsがbundleされるのか調べた - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  React NativeのアプリにはJS層とNative層があり、ビルドは別々に行われます。基本的にネイティブでビルドするときには最新のJS bundleに変更したいはずなので、同時にjs bundleも行われます。 iOSiOSではあらかじめXcodeのBuild Phaseに組み込まれているため、リリースビルドする際には自動的にmain.jsbundleというファイルが事前に作られた上で、これを同梱する形でビルドが行われます。 Xcodeで指定しているシェルスクリプト、node_modules/react-native/scripts/react-native-xcode.shを見るとreact-nativeのCLIコマンドでjsbundleを作っていることがわかります。 Androidandroidの場合はnode_modules/react-native/react.gradleに

  • テクノロジー
  • 2018/07/09 18:54

  • iOS
  • Android
• あとで読む

  iOSでいい感じのアラートをサクッと出す - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  Beautiful animated Alert View. Written in Swift. Contribute to vikmeup/SCLAlertView-Swift development by creating an account on GitHub. 簡単ですが、使用例です。サンプルアプリにボタン3つおいておきます。 showSuccessで成功時のアラートが、showErrorでエラーじのアラートがそれぞれ出せます。他にも showWarningshowInfoshowNoticeがあります。 showSuccess @IBAction func showSuccess(_ sender: Any) { SCLAlertView().showSuccess("サクセス", subTitle: "保存しました", closeButtonTitle: "閉じる") }

  • テクノロジー
  • 2018/07/03 08:18
• あとで読む

  rails-ujsのdata-confirmを自前のダイアログに置き換える - PIYO - Tech & Life -

  4 users

  blog.piyo.tech

  Railsではリンクやフォームに簡単に確認ダイアログを出すための記法があります。aタグやinputタグなどにdata-confirm="よろしいですか？"みたいにするやつですね。 <%= link_to 'delete', item_path(item), data: { confirm: 'are you sure?' } %> これをするとブラウザの確認ダイアログが出ます。ここでキャンセルした場合はリクエストは投げられません。 というものなのですが、これをかっこよくしたいとか「以後表示しない」みたいなことをさせたくないみたいな理由で、ブラウザのダイアログを使いたくないみたいなことが場合によっては発生します。 ↑のような機能はrails-ujsというjavascriptによって提供されています（他の処理もいろいろやっています）。元々はjquery-ujsという名前でしたが、jQueryへ

  • テクノロジー
  • 2018/06/27 00:11
• あとで読む

  RSpecで失敗したテストだけを対象にできる--only-failuresオプション - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  プロジェクトの根幹ぽいところをちょっと変えたばっかりにテストの半分ぐらいがが失敗してしまって、1箇所直したら全部パスするみたいなことはあるあるなんじゃないかと思います。RSpecでは失敗したテストのみを対象に再実行できるオプションがあるので、それを使うと良いです。 特にコマンドラインからrspecコマンドでテストを流している人（＝IDEのサポートがあまりない人）にはオススメです。社内見てると案外使われてないのか？という感じでしたが、僕は超使っているので書いておこうかと。 まずRSpec3.3以降が必要です。出たのは3年ほど前なので、最近は大丈夫かと思います。 それと、この機能は最後に実行したテストの実行結果をどこかにとっておく必要があり、それをファイルで実現しているので、その設定が必要です。 spec_helper.rbあたりに以下の記述をしてあげると良いです。 # spec_helper

  • テクノロジー
  • 2018/06/25 09:08

  • Rails
• あとで読む

  Macのおやすみモードをショートカットで切り替える - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  リモートミーティングで画面共有中にうっかり通知が見えてしまわないようにおやすみモードを使うようにしています。けど、この切り替えがマウスで面倒です。 通常はメニューバー右上の通知センターを開いて、少し上にスクロールすると出現するおやすみモードをオンに切り替えることで有効になります。 さらに簡単に切り替える方法としては、Macのoptionキーを押しながら通知センターを開くアイコンをクリック、というのがあります。これするとパネルを開かなくてもオンオフできます。 でも、マウスすら面倒なのでキーボードで切り替えたいじゃないですか。ちゃんと設定できるようになってました。 設定→キーボード→ショートカットからMission Controlの「おやすみモードをオン/オフ」を有効にして好きなキーを割当てればOKです。 ただ、これだと今どっちの状態にいるのかわからないんですよね。メニューバーにアイコンでも出

  • 世の中
  • 2018/06/24 15:39
• あとで読む

  rspec-parameterizedで条件だけが異なるテストコードをDRYに書く - PIYO - Tech & Life -

  26 users

  blog.piyo.tech

  テストのロジックは同じだけど、入力値とそれに対する結果が異なるみたいなテストをシンプルにかけるrspec-parametrizedというgemがあります。 RSpec::Parameterized supports simple parameterized test syntax in rspec. - GitHub - tomykaira/rspec-parameterized: RSpec::Parameterized supports simple parameterized test syntax in rspec. 存在は知ってたけどしばらく使ってなかったんですが、試しに入れてみたらすごくシンプルに使えるし、パラメータ変えてテストできるようなメソッドにしようみたいな意識がより働いてコードに良い影響もありそうな気がしています。 whereとwith_themを使ってテストを書いてい

  • テクノロジー
  • 2018/06/24 11:34

  • rspec
  • Rails
  • Ruby
• あとで読む

  React Nativeアプリをリリースするまでに最低限必要なiOS/AndroidのTodo - PIYO - Tech & Life -

  15 users

  blog.piyo.tech

  React Nativeでアプリを書くことができたとしても、アプリをリリースする先はiOSのApp Storeであったり、Google Playだったりします。リリースするためには各プラットフォームでの作法や、コード上でやっておかないと行けないことが色々とあります。 React Nativeで両プラットフォームに対応しようとすると、この辺の手続きに関しても両プラットフォームのことを知っておかないといけないため、なかなかハードです。僕の場合はiOSネイティブから入っているのでiOS側は勝手知ったる作業なのですが、Androidのほうは手探りでした。 ということで、自分のための頭の整理も兼ねて箇条書きレベルでまとめておこうかなと思いました（まとめたところで、プラットフォーム側のアップデートとかでよく変わっちゃうんですけどね）。 ネイティブアプリ未経験の人が、React Nativeでアプリを作

  • テクノロジー
  • 2018/06/13 07:57

  • アプリ
  • tutorial
  • ios
  • development
  • mobile
  • android
  • あとで読む
• あとで読む

  Googleカレンダーの予定を毎朝LINEに通知する - PIYO - Tech & Life -

  8 users

  blog.piyo.tech

  LINE Notify allows you to send web notifications from GitHub, IFTTT, Mackerel, and more directly to your LINE chats. このサイトの右上リンクからLINEのIDログインして、画面下にある「トークンを発行する」から進みます。今回の連携に名前を付け、適当送信先のグループを選べばトークンが発行されますのでそれを控えておきます。 送信先グループはLINE Notifyとの1:1のチャットか、グループを選べます。グループを選んだ場合はLINE Notifyアカウントをそのグループに追加しておかなければなりません。 僕の場合は、「今日の予定」という自分（+ LINE Notify）だけのグループを作り、そこに送るよう設定しました。 (※初めて登録したときの流れを忘れてしまっています。もしか

  • テクノロジー
  • 2018/05/19 14:45
• あとで読む

  React Nativeでのアニメーションについて整理しとく - PIYO - Tech & Life -

  5 users

  blog.piyo.tech

  とはいえ、そのときは作ること優先でかなりベタに書くやり方をしました。今回はアニメーションの実装の仕方について整理したり、OSSのライブラリがどのような実装をしているのか、などを見ていきたいと思います。 ベーシックな書き方公式ドキュメントのアニメーションのページにある最初のサンプルコードが一番シンプルな事例と言えそうなのでそれを持ってきます。 Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to conve

  • テクノロジー
  • 2018/05/14 20:48
• あとで読む

  fastlane/boardingでTestFlightのベータ版の配布ページが一瞬で作れた - PIYO - Tech & Life -

  5 users

  blog.piyo.tech

  社内用に作ったiPhoneアプリをメンバーに配るのにTestFlightのベータ配布を使いますが、いちいちメールアドレスを使うのが面倒です。Google Playにはオープンベータテストにしておくと参加用のURLから勝手に入ってもらうことができるのに、TestFlightはできないのかな、なんて調べていたら自分でホスティングすれば似たようなことを実現できることがわかりました。 それが、このツールです。 Instantly create a simple signup page for TestFlight beta testers - GitHub - fastlane/boarding: Instantly create a simple signup page for TestFlight beta testers boardingはiOS開発者なら名前を聞いたことぐらいはあるであろう

  • テクノロジー
  • 2018/05/14 07:52

  • iOS
• あとで読む

  MobXでTodoアプリ[Part1] MobX導入まで - PIYO - Tech & Life -

  4 users

  blog.piyo.tech

  3部作のPart1です。 MobXでTodoアプリ[Part1] MobX導入までMobXでTodoアプリ[Part2] データを保存してみるMobXでTodoアプリ[Part3] Storeをデバッグしてみる以前も書いたように、ここ1年ほどReact Nativeによるアプリ開発を時々行っています。凝ったアプリでなければ割とサクッと作れるのが良いです。 さてReact Native（というかReact）単体だとデータ管理が面倒、バケツリレーが云々という話がよくあります。その問題に対応すべく色々なFluxなフレームワークが存在していて、中でもReduxがよく使われるようになったという流れが2年前ぐらいにあったと記憶しています。 そういう流れで僕もReduxを使ってアプリ開発をしていましたが、ここ数ヶ月MobXというのをよく聞くようになりました。データ管理の用途だったらMobXで十分だよとい

  • テクノロジー
  • 2018/05/08 07:15

  • react native
  • データ
  • アプリ
  • 開発
• あとで読む

  Rubyで繰り返し予定を扱えるice_cube gemをざっくり紹介 - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  Ruby Date Recurrence Library - Allows easy creation of recurrence rules and fast querying - GitHub - seejohnrun/ice_cube: Ruby Date Recurrence Library - Allows easy creation of recurrence rules and fast querying ice_cube gemは繰り返し予定用のRubyのライブラリです。ちなみにRailsとは直接は連携しませんが工夫することで使えます。 簡単な使い方かなりざっくり言うと、ice_cubeは繰り返し予定に関するいろいろな条件を与えたとき、その条件に該当する日付に関する処理を行うことができるライブラリです。 ユースケースで考えたほうがわかりやすいかもしれないですね。 例えば、2

  • テクノロジー
  • 2018/04/19 07:55

  • ruby
• あとで読む

  Algoliaを使ってブログに全文検索をつける（検索index作成編） - PIYO - Tech & Life -

  7 users

  blog.piyo.tech

  検索インデックス用のJSONHugoのCustom Output Formatsの仕組みを用いて、サイトのビルド時にAlgoliaに登録するためのJSONを生成します。RSSを出力するときと同じような方法で比較的簡単に作ることができました。 Custom Output Formats | Hugo config.tomlAlgoliaはJSON形式で検索インデックスを登録できます。なんとなく触った感じ指定のフォーマットがないので、記事タイトル、本文、タグ当たりを含めたらいいと思います。 forestry.ioの設定をベースに、config.tomlに次のような設定を追加しました。 [outputFormats.Algolia] baseName = "algolia" isPlainText = true mediaType = "application/json" notAlternat

  • テクノロジー
  • 2018/04/12 20:44
• あとで読む

  React Nativeで自社サービスのiOS/Androidアプリをリプレイスした話 - PIYO - Tech & Life -

  267 users

  blog.piyo.tech

  前置き僕が所属しているソニックガーデンではRemottyというツールを自社で開発し、普段の業務に使っています。リモートワークをするためにオフィスと言ってもいいような場所で、業務中は常にオンラインとなり、リアルタイムチャット（対面の会話の代替）とトピックベースの掲示板（メールなど非同期コミュニケーションの代替）の両方を備えたオフィスとなるようなツールです。 オフィスにいられない間にもチャットや掲示板に反応できるように、iOSとandroidそれぞれにネイティブアプリのクライアントアプリがあり、それぞれを別の開発者が担当していました。iOS版はその当時新卒2年目だった若者が作ったものを僕が引き継ぐ形でメンテしていました。 もともと自社向けに開発していたプロダクトではありますが、働き方改革の流れなどの関係もあってここ1年〜2年ぐらいの間に有償で使ってくださるお客さまが出てきました。 そうなってく

  • テクノロジー
  • 2018/04/11 07:11

  • React Native
  • ReactNative
  • react
  • あとで読む
  • android
  • iOS
  • react-native
  • アプリ
  • CTO
  • Androidアプリ
• あとで読む

  Macの文字ビューア（絵文字と記号）を事実上無効にする - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  Macでコード書いたりアプリ切り替えたり色々してると、こいつが出る時ないですか？ このウィンドウは「Control ＋ Command ＋スペースバー」の同時に押すことで表示されます。 色んなショートカットを駆使している関係で時折誤爆して表示されてしまっているようです。 表示時にはフォーカスがないため「Command + w」や「Esc」で消すことができず、大変鬱陶しく思っていました。今日いよいよ対策を打ちました。 そして事実上無効にこのウィンドウの正体は「編集」メニューにある「絵文字と記号」というもので、ほとんどのアプリのメニューにあります。 これの一番下。 ところでMacには各アプリのメニューにある項目に対してメニュー名とキーの組み合わせでショートカットを指定できる機能があります。 この「絵文字と記号」メニューに対してもっと別の、頑張らないと押せない組み合わせのショートカットキーを変更

  • テクノロジー
  • 2018/04/03 08:43

  • mac
• あとで読む

  Macで引用符を入力すると勝手に変換されるのをやめたい - PIYO - Tech & Life -

  3 users

  blog.piyo.tech

  このブログはEmacsやSublime Text2、Evernoteで書いてから投稿しています。特に多いのはEvernoteです。 技術系のネタばかりなのでよくシングルクォートやダブルクォートをタイプするんですが、Evernoteで書いた記事をはてなブログに貼り付けてプレビューするとシンタックスハイライト効いてないみたいなことがよく起こっていました。 よくよく見ると引用符が勝手に開き引用符と閉じ引用符っていうんですか？別のものに勝手に変換されていました。マイクロソフトのOfficeじゃないんだから勝手に変えてんじゃないよ、と。どうやらこれはMacのおせっかいらしいです。 あまりにも邪魔なので設定画面から解除しました。 「システム環境設定」→「キーボード」→「ユーザー辞書」といって、右側にスマート引用符とスマートダッシュを使用というチェックがあるのでこれを外します。 これで安心！ でも過去の

  • テクノロジー
  • 2017/09/22 10:20

  • Mac

次のページ